Возможно ли с помощью css подстроить изображение по высоте родительского блока, если она у него не задана?

Question

[Мария Коробкоголовых]

Возникла такая ситуация: в контейнере находятся img-holder (изображение) и text-holder (текст). В зависимости от количества текста высота его родителя увеличивается:

https://jsfiddle.net/rikazavr/fbfwuunv/2/

Высота контейнера изначально не задана и зависит от количества текста. Возможно ли подстроить высоту изображения в зависимости от текста? (Использовать картинку как background - не вариант)

Comments

[Андрей Федоров]

почему background нельзя?

Answer 1

[Aleksey Chernikov]

Например так

.img-holder{
  width: 370px;
  border: 1px solid black;
  overflow: hidden;
  font-size: 0;
  height: inheigt;
  position: relative;
}

.img-holder img{
  position: absolute;
  min-width: 370px;
  height: 100%;
  top: 0;
}

Comments

[Мария Коробкоголовых]

Благодарю!

[Aleksey Chernikov]

Сим салабим, рахат лукум!