Пропустить навигацию

Clear float-блока без html разметки для IE 7

03.06.2007 , ,

Способ «очистки» (clear: left|right|both) вложенного float-блока, без использования дополнительной разметки, приведен на сайте positioniseverything.net, который еще называют easy clearing method: 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

Недавно обнаружил в этой статье, что данный способ не работает в IE7. Вместо него предлагается использовать следующий код, для всех версий Internet Explorer'а:

.clearfix { overflow : hidden; _height : 1%; }
либо только для IE 
zoom : 1;

Написал, чтоб не забыть, поскольку иногда использую данный способ «очистки».

Работает корректно.

Ссылки по теме:

Комментарии

В архив