沒(méi)有bootstrap以前,清除div浮動(dòng)層是沉淀了幾次的一段css,為了以后更好的管理與拓展,開(kāi)始在公司網(wǎng)站建設(shè)后臺(tái)中逐步融入bootstrap,采用了bootstrap中的清除浮動(dòng)類(lèi):clearfix,具體代碼就不貼了。

出現(xiàn)了一個(gè)問(wèn)題,在IE6中:

這個(gè)空行在ietester中的DebugBar中查看代碼是:



<DIV class=clearfix></DIV>



效果:

嗯,高度12px,這是以前遇到過(guò)的一個(gè)IE6的bug,在css中設(shè)置height、line-height、margin、padding這些屬性都是無(wú)效的。

在IE6中很奇葩的bug,沒(méi)有文字也要保留一個(gè)字符的高度,那就是font-size,也就是全局默認(rèn)的12px,so


在自定義css中寫(xiě)一個(gè)補(bǔ)?。?



.clearfix { font-size:0;}


雖然有很多設(shè)計(jì)師已經(jīng)不再調(diào)整IE6的兼容性了,但我泱泱大國(guó)IE6仍是應(yīng)用挺多的,一句代碼修復(fù)一個(gè)ie6 bug,建議用bootstrap的都在自定義css中加這個(gè)小補(bǔ)丁。

  哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站,并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底,使您的網(wǎng)站無(wú)需額外費(fèi)用,即可穩(wěn)步提升排名至首頁(yè)。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。