Это сайт — моя персональная записная книжка. Интересна мне, по большей части, история, своя жизнь и немного программирование.

«Очистка» плавающих блоков

В блоге «Life Style» полезная статья «„Очистка“ плавающих блоков». Новое решение старой проблемы — плавающие блоки не растягивают внешний контейнер, которая обычно решается добавлением дополнительного элемента с «clear: both». Вкратце, рецепт выглядит следующим способом, но рекомендую взглянуть и на полную статью:

div.container {
    overflow: auto;
    width: 100%
}

В комментариях подсказали ссылку на первоисточник: http://www.quirksmode.org/css/clearing.html.

2 комментария
razetdinov.moikrug.ru 2007

Поразительно, сколько людей копируют чужую идею.
http://www.quirksmode.org/css/clearing.html

Alisey (alisey.myopenid.com) 2007

А! Это работает.
Знал один извращённый способ добиться того же эффекта, но он очень нестабилен.
Там используется :after
http://www.positioniseverything.net/easyclearing.html

Недавно нашёл очень полезное, как исправить в IE6 удвоение margin для плавающих блоков. Нужно такому блоку указать display: inline. Не помню где читал.