Блог Обо мне Храню Читаю Ем 99  

27.11.2007, Nº 1496



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

В блоге «Life Style» полезная статья «„Очистка“ плавающих блоков». Новое решение старой проблемы — плавающие блоки не растягивают внешний контейнер, которая обычно решается добавлением дополнительного элемента с «clear: both». Вкратце, рецепт выглядит следующим способом, но рекомендую взглянуть и на полную статью:
div.container {
	overflow: auto;
	width: 100%
}
В комментариях подсказали ссылку на первоисточник: http://www.quirksmode.org/css/clearing.html.
27.11 13:52
27.11 13:52



27.11.2007, Nº 1496

#1 razetdinov.moikrug.ru 27.11.2007, 16:18

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

#2 Alisey @alisey.myopenid.com27.11.2007, 22:15

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

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

Текст комментария (для гиков: не HTML, а текст!)


Кому бы вы хотели ответить (или кликните на его аватару)


Евгений Степанищев (imbolk@gmail.com)
t=0.035