修復一個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