解決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)文章
前端html+css實(shí)現(xiàn)動(dòng)態(tài)生日快樂(lè)代碼
?生日送什么禮物總是要花一番心思，別出心裁不落俗套，什么禮物才能讓那一個(gè)她開(kāi)心呢？來(lái)看看前端大大用html+css實(shí)現(xiàn)動(dòng)態(tài)生日快樂(lè)代碼吧，親測(cè)可用。2023-01-01
CSS樣式表規(guī)劃與管理的經(jīng)驗(yàn)總結(jié)
CSS樣式表規(guī)劃與管理的經(jīng)驗(yàn)總結(jié)...2007-09-09
2008-01-01
在解決ul居中問(wèn)題時(shí)想到的幾點(diǎn)
在解決ul居中問(wèn)題時(shí)想到的幾點(diǎn)...2007-09-09
CSS表單美化之文本框與按鈕一例2008-08-08
DIV 居中的絕好解決方法...2006-11-11
web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題集合2
web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題集合2...2006-11-11
一個(gè)老外弄的Clearing floats(清除浮動(dòng)的方法)
一個(gè)老外弄的Clearing floats(清除浮動(dòng)的方法)...2007-09-09
指定網(wǎng)頁(yè)的doctype解決CSS Hacking方法總結(jié)
我們都知道，要做WD（web designer）,首先得伺侯好幾個(gè)瀏覽器:IE6,IE7,Firefox.一般的頁(yè)面，都只要求在IE6,IE7,Firefox下正常工作就行了。2008-09-09
純CSS做的小燈籠，這東西就是用來(lái)熟悉CSS用的，實(shí)際中相當(dāng)不贊成這樣用！ 實(shí)際中誰(shuí)這樣用，一定是閑的！2008-08-08