Какое на данный момент лучшее решение для очистки поплавков, например ‹div style='clear: Both'›‹/div›?

я использовал

<div style="clear: both"></div>

чтобы очистить поплавки... и видел случаи, когда это

<div style="clear: both; height: 1px; line-height: 1px"></div>

и видел клирфикс, и некоторые со скрытым . и делали его того же цвета, что и фон. Теперь Compass и Blueprint также имеют +clearfix. Каков на данный момент лучший способ очистить поплавки, теперь, когда нам, вероятно, не нужна поддержка IE 6?


person nonopolarity    schedule 06.11.2010    source источник
comment
с первым типом clear:both у меня тоже были проблемы в IE7, он добавлял высоту, затем я использовал ваш второй подход, чтобы задать высоту как 1px;   -  person kobe    schedule 06.11.2010


Ответы (4)


В зависимости от ситуации я в основном использую переполнение или обтекание родительского элемента. Нет лучшего решения.

person Rob    schedule 06.11.2010
comment
Можете ли вы привести их краткий пример или указать веб-страницу, где об этом говорится? - person nonopolarity; 06.11.2010


Я узнал, что content: ""; display: table; clear: both; работают со всеми браузерами после IE 8+.

person Neurber    schedule 26.06.2014

Мне нравится clearfix. Прочтите и это (о чем я не знал до сих пор): Все, что вы знаете о Clearfix, неверно.

person Bradford    schedule 06.11.2010