修复一个bootstrap在IE6中clearfix的兼容性缺陷，行会有一定高度

没有bootstrap以前，清除div浮动层是沉淀了几次的一段css，为了以后更好的管理与拓展，开始在公司网站建设后台中逐步融入bootstrap，采用了bootstrap中的清除浮动类：clearfix，具体代码就不贴了。

出现了一个问题，在IE6中：

这个空行在ietester中的DebugBar中查看代码是：

<DIV class=clearfix></DIV>

效果：

嗯，高度12px，这是以前遇到过的一个IE6的bug，在css中设置height、line-height、margin、padding这些属性都是无效的。

在IE6中很奇葩的bug，没有文字也要保留一个字符的高度，那就是font-size，也就是全局默认的12px，so

在自定义css中写一个补丁：

.clearfix { font-size:0;}

虽然有很多设计师已经不再调整IE6的兼容性了，但我泱泱大国IE6仍是应用挺多的，一句代码修复一个ie6 bug，建议用bootstrap的都在自定义css中加这个小补丁。

原创地址：http://www.igooda.cn/jsdt/jzjl/2013/0727/332.html

来源：oschina

链接：https://my.oschina.net/u/1175079/blog/147446