让 clearfix 兼容 IE8

下面这样一段所谓的万能 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;
}

CSS  ie8  

相关文章:

Trackback引用

本文到目前为止有0条评论

添加评论