Высота Div регулируется по высоте дочернего div, когда дочерний div плавает влево, но не когда он плавает вправо

Я работаю над сайтом моей сестры.

У меня проблема с тем, что высота DIV не регулируется до 100% высоты всех его дочерних элементов. Что странно, так это то, что для рассматриваемого дочернего div, если я устанавливаю float влево, высота регулируется нормально, но когда он плавает вправо, содержащий div оказывается коротким.

Сайт: http://www.lindsaybryden.com/

Плавающий вправо: введите описание изображения здесь

Плавающий левый: введите описание изображения здесь

Как я могу правильно настроить высоту при перемещении дочернего div?


html css css-float
person Alain    schedule 29.09.2011    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы очищаете только левый поплавок, а не правый. Попробуйте добавить

<br style="clear: both;" />

непосредственно перед закрытием divContainer.

person mrtsherman    schedule 29.09.2011
comment
Когда вы размещаете элемент, он выводит его из типичного потока документов. Затем элементы могут переполнять свои контейнеры, потому что контейнер на самом деле не знает, где они находятся. Атрибут стиля clear говорит: «Эй, снова учтите эти поплавки!» Вы можете очистить только слева, справа или и то, и другое. - person mrtsherman; 29.09.2011