«Очистка» плавающих блоков
В блоге «Life Style» полезная статья «„Очистка“ плавающих блоков». Новое решение старой проблемы — плавающие блоки не растягивают внешний контейнер, которая обычно решается добавлением дополнительного элемента с «clear: both». Вкратце, рецепт выглядит следующим способом, но рекомендую взглянуть и на полную статью:
div.container {
overflow: auto;
width: 100%
}
В комментариях подсказали ссылку на первоисточник: http://www.quirksmode.org/css/clearing.html.
Поразительно, сколько людей копируют чужую идею.
http://www.quirksmode.org/css/clearing.html
А! Это работает.
Знал один извращённый способ добиться того же эффекта, но он очень нестабилен.
Там используется :after
http://www.positioniseverything.net/easyclearing.html
Недавно нашёл очень полезное, как исправить в IE6 удвоение margin для плавающих блоков. Нужно такому блоку указать display: inline. Не помню где читал.