Задать вопрос

Как сделать, чтоб DIV растягивался по высоте по содержимому?

Один DIV содержится в другом DIV. Если у внутреннего DIV свойство float: left, то он вылазит за пределы внешнего DIV, внешний DIV растягивается в высоту только по тексту. Можно каким-то CSS-свойством внешнего DIV сделать так, чтоб он растягивался по внутреннему DIV подобно тому, как это делают таблицы? Следить за содержимым внешнего DIV нет возможности, в нем может быть произвольный контент.

<div style="width: 200px; border: 1px solid red;">
  <div style="float: left; background-color: yellow; height: 200px">12345</div>
  text text text text text text text 
  text text text text text text text 
  text text text text text text text 
  text text text text text text text 
  text text text text 
</div>

611be2c338259054244544.jpeg
https://jsfiddle.net/a6ucwbvg/
  • Вопрос задан
  • 423 просмотра
Подписаться 1 Простой 1 комментарий
Ответ пользователя JTester К ответам на вопрос (3)
@JTester
.clearfix {
    zoom: 1;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
Ответ написан