下面这样一段所谓的万能 float 闭合样式确实很好用,但在最近的 IE8 上测试出了问题,是由于 IE8 也开始支持部分 CSS2.0 的属性了,导致之前的一些 trick 混乱起来,下面是修正后的,已测试。
.clearfix {
display: inline-block;
}
.clearfix:after {
/*/*/content: "."; /* 兼容ie8 */
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
本文到目前为止有0条评论