источник :
.clearfix: после {
видимость: скрыта;
дисплей: блок;
размер шрифта: 0;
содержание: " ";
ясно: оба;
высота: 0;
}
.clearfix {display: inline-table;
/* Скрывается от IE-MAC */
* html .clearfix {высота: 1%;
.clearfix {display: block;
/ * Конец скрыть от IE-MAC */
иллюстрировать :
* Примените первый блок объявления к большинству стандартных браузеров, с целью создания невидимого нулевого блока для очистки плавания для целевого элемента.
*Второй элемент применяет атрибут дисплея встроенного стола для ClearFix, только для IE/Mac.
* Используйте* / скрыть некоторые правила от IE / Mac:
* Высота: 1% используется для запуска haslayout под IE6.
*Повторно принесите свойства блока -дисплея на IE за пределами IE/Mac.
*Последняя строка используется для завершения взлома для IE/Mac.
Поскольку этот метод предназначен для браузеров, которые стали историей (особенно IE5 на Mac) или находятся на пути к стандартам, этот метод уже не так прогрессив, как The Times.
После того, как выбросили поддержку IE/MAC, новый метод очистки плавания:
/ * Новый ClearFix */
.clearfix: после {
видимость: скрыта;
дисплей: блок;
размер шрифта: 0;
содержание: " ";
ясно: оба;
высота: 0;
}
* html .clearfix {Zoom: 1;} / * IE6 * /
*: First-Child+html .clearfix {Zoom: 1;} / *IE7 * /
иллюстрировать :
IE6 и IE7 не поддерживают: после псевдо-класса, поэтому следующие два необходимы для запуска Haslayout IE6/7, чтобы очистить поплавок. К счастью, IE8 поддерживает: после псевдоклассов. Поэтому необходим только взлом для IE6/7.