Web

HTML, CSS: Высота родительского блока по содержимому

По умолчанию, высота родительского блока растягивается под размеры содержимого с их margin’ами. Но есть случаи, когда вложенные блоки тупо висят ниже родительского, который выглядит в данной ситуации вообще непричастным к верстке.

Замечено, что такое происходит, когда:

  1. вложенные блоки имеют position: absolute;
  2. не задана высота родителя (вот и правильно, мы же не можем знать высоту вложенных блоков)
  3. вложенные блоки имеют свойство float: left  (или float:right );

Первую проблему решать не научился, может кто подскажет, как. А остальные две решаются очень просто: указываем в стилях родителя:

Почему это работает, я не знаю (лень читать), но работает пока во всех моих клинических случаях.

Добавить комментарий