Новый mikro clearfix huck

Часто ли Вы используете Clearfix? Я думаю, что в тои или ином виде – часто. На просторах всемирной сети я нашел новый метод реализации этого хака с минимальным использованием CSS.

Demo: Micro clearfix hack

Поддерживаются браузеры: Firefox 2+, Safari 2+, Chrome, Opera 9.27+, IE 6+, IE Mac.

Я не буду переводить полный текст статьи, выложу самое основное – код. В общем то он на столько логичен, что пояснения вряд ли кому-то потребуются

/* Для браузеров */ .cf:before, .cf:after {     content:"";     display:block;     overflow:hidden; } .cf:after {     clear:both; } /* Для недобраузеров типа IE 6/7 (включаем hasLayout) */ .cf {     zoom:1; }

Если вдруг кто-то не понял, что здесь написано, попробую вкратце описать алгоритм:
1. С помощью CSS создаем невидимые блоки
2. Эти блоки используем как отбивку (как то сразу мне не нравилось захламлять отбивками HTML)
3. п.1 не работает в IE6 и IE7, потому для этих чудных браузеров используем свои фиксы.

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru