解決IE6 3像素Bug的css寫(xiě)法
更新時(shí)間：2008年10月18日 22:04:23 作者：
當(dāng)浮動(dòng)元素與非浮動(dòng)元素相鄰時(shí)，這個(gè)3像素的Bug就會(huì)出現(xiàn)，它會(huì)偏移3像素。
只要觸發(fā)IE的hasLayout，非浮動(dòng)元素就會(huì)擁有布局。所以，利用IE6特有的hack規(guī)則，為它單獨(dú)寫(xiě)樣式就可修復(fù)此問(wèn)題：
_zoom:1;
margin-left: value;
_margin-left: value-3px;
zoom 是IE觸發(fā)Layout條件之一，因?yàn)樗荌E特有的CSS規(guī)則，所以采用zoom。
margin-left: value-3px 是修復(fù)IE6 中3px 的bug。
此前采用非浮動(dòng)元素也浮動(dòng)的方法修復(fù)bug，現(xiàn)在我們可以試試這個(gè)新的方法了！
注：前面的下劃線(xiàn)是專(zhuān)門(mén)寫(xiě)給IE7以下版本的hack！
_zoom:1;
margin-left: value;
_margin-left: value-3px;
zoom 是IE觸發(fā)Layout條件之一，因?yàn)樗荌E特有的CSS規(guī)則，所以采用zoom。
margin-left: value-3px 是修復(fù)IE6 中3px 的bug。
此前采用非浮動(dòng)元素也浮動(dòng)的方法修復(fù)bug，現(xiàn)在我們可以試試這個(gè)新的方法了！
注：前面的下劃線(xiàn)是專(zhuān)門(mén)寫(xiě)給IE7以下版本的hack！
相關(guān)文章
div+CSS兼容小摘，比較實(shí)用的小技巧。2009-11-11
《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（三)
這篇文章主要介紹了《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（三,需要的朋友可以參考下2016-05-05
做網(wǎng)頁(yè)字體大小參考 網(wǎng)頁(yè)中同字號(hào)字體的不同單位對(duì)比列表
做網(wǎng)頁(yè)字體大小參考 網(wǎng)頁(yè)中同字號(hào)字體的不同單位對(duì)比列表...2007-08-08
20個(gè)優(yōu)秀CSS網(wǎng)站（3月精選）
20個(gè)優(yōu)秀CSS網(wǎng)站（3月精選）...2007-03-03
web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題集合2
web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題集合2...2006-11-11
今天制作div下的li分兩列顯示發(fā)現(xiàn)，兩邊的邊框無(wú)法完全顯示，或顯示斷斷續(xù)續(xù)的，或者拖動(dòng)滾動(dòng)條就出現(xiàn)邊框的顯示問(wèn)題2008-05-05![[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼](http://img.jbzj.com/images/xgimg/bcimg6.png)
[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼
[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼...2007-02-02
編寫(xiě)好的CSS代碼，有助提升頁(yè)面的渲染速度。本質(zhì)上，引擎需要解析的CSS規(guī)則越少，性能越好。MDN上將CSS選擇符歸類(lèi)成四個(gè)主要類(lèi)別，如下所示，性能依次降低2014-03-03
不用float實(shí)現(xiàn)div模塊居中布局...2007-02-02
本例的javascript代碼用于獲得在CSS文件中聲明的特定樣式中的某屬性值。如：2008-08-08