Автоматическая высота блока при float объектах внутри

[adelante]

Есть слой, внутри которого объекты, примерно так:

<div id="wrapper">
 <div></div>
 <div></div>
 <div></div>
</div>

<style type="text/css">
div#wrapper { border:1px solid #000; border-radius: 5px; }

div#wrapper div { height:50px; width:80px; float:left; }

</style>

При этом, поскольку float:left элементы как бы немного выходят из общего потока, div#wrapper по высоте их не обёртывает, а нужно, чтобы обёртывал, показывая границу и тупо задать ему height нельзя, т.к. количество элементов внутренних может быть разное.

Подскажите, пожалуйста, как такое делать. Может внутренние элементы сделать display:inline-block?

[Int]

overflow:hidden поможет, нет?

[adelante]

при чём тут он? мне нужно, чтобы высота обёртки изменялась в зависимости от количества (а значит суммарной высоты всех линий) блоков контента, а не прятать не помещающиеся блоки.

[swetlana]

adelante, а ты не артачься сразу, а попробуй.

Задаёшь overflow:hidden для оборачивающего блока, не указывая его высоту.

Только в ие6 это работать не будет. Для него надо например zoom: 1 указать, или ещё что-нибудь бессмысленное, но задающее hasLayout.

[adelante]

хорошо, я попробую

[Snipe]

Извините пожалуйста. Данный способ действительно работает, но больше похож на хак.

Есть где-то объяснение, почему так должно работать?

Мне просто оченно хочется понять суть.