Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Блок-контейнер не растягивается на свое содержимое


Автор: lerguide 27.6.2010, 13:16
Есть блок-контейнер, в котором 2 блока "float left". Контейнер вообще не обрамляет эти блоки - а представляет собой полоску в один пиксель, как будто в нем ничего нет. 
Вопросы: почему так и как исправить?

Автор: ksnk 27.6.2010, 13:20
добавь еще один блок после плавающих 
Код

<div style="clear:both;height:1px;overflow:hidden;"></div>

Автор: lerguide 27.6.2010, 13:33
Большое спасибо. 
Но в чем тут секрет, почему обычным образом не работает?

Автор: Mavrun 27.6.2010, 13:45
как раз из-за того, что там блоки плавающие и блок родитель их не учитывает как бы.
контейнер после них с clear:both; работает как разделитель и делает так, что то что было до него плавающее отделяется. в результате родитель растягивается на нужную высоту

Автор: lerguide 27.6.2010, 13:49
Спасибо.

Автор: mcTep 27.6.2010, 18:34
Так ведь по-моему можно просто добавить overflow:hidden для родительского дива и не нужен дополнительный элемент.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)