JSFiddleУстановите div на ширину и высоту детского изображения?
У меня есть div с классом контейнера. Высота этого div должна быть равна ширине. Я достиг этого:
.container{
background-color: #e6e6e6;
position: relative;
}
.container:before{
content: "";
display: block;
padding-top: 100%;
}
Внутри контейнера есть держатель изображения, а внутри этого изображения. Изображение должно быть ограничено, высота или ширина не должны превышать контейнер и поддерживать соотношение сторон. Это достигается за счет:
img{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
}
Мой вопрос касается держателя изображения, мне это нужно, чтобы быть такой же ширины и высоты, как изображение, которое находится внутри него. Как я могу это сделать? Использование CSS только пожалуйста.
http://jsfiddle.net/1tbrtoaj/2/? –
@ Mr.Alien высота контейнера div больше не равна ширине – panthro
@panthro Вы решили это? – JohnnyQ