Clear float-блока без html разметки для IE 7
3.06.07 браузеры, верстка, css
Способ «очистки» (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;
Написал, чтоб не забыть, поскольку иногда использую данный способ «очистки».
Работает корректно.
Ссылки по теме:
- Super simple clearing floats
- EasyClearing, the Aslett/PIE way is NOT broken in IE7!
- Clearing floats without structural markup in IE7
