IE Bug--浮動(dòng)對(duì)象外補(bǔ)丁的雙倍距離的解決方法
更新時(shí)間：2007年01月29日 00:00:00 作者：
The IE Doubled Float-Margin Bug IEBug--浮動(dòng)對(duì)象外補(bǔ)丁的雙倍距離
先看以下代碼：
#box{
background: ThreedFace;
width: 500px;
height: 400px;
}
#box1{
float: left;
background: #F2F2F2;
width: 300px;
height: 200px;
margin-left: 50px;
}
Box在外面，Box1在里面，但在IE瀏覽器中Box1離左邊的距離會(huì)是100px,而實(shí)際距離應(yīng)是50px，演示。
解決的方法是，在box1的代碼中加入：display: inline;，可使浮動(dòng)被忽略，IE中不至于產(chǎn)生雙倍距離，演示，更詳細(xì)資料，可看這里 。
先看以下代碼：
#box{
background: ThreedFace;
width: 500px;
height: 400px;
}
#box1{
float: left;
background: #F2F2F2;
width: 300px;
height: 200px;
margin-left: 50px;
}
Box在外面，Box1在里面，但在IE瀏覽器中Box1離左邊的距離會(huì)是100px,而實(shí)際距離應(yīng)是50px，演示。
解決的方法是，在box1的代碼中加入：display: inline;，可使浮動(dòng)被忽略，IE中不至于產(chǎn)生雙倍距離，演示，更詳細(xì)資料，可看這里 。
相關(guān)文章
符合標(biāo)準(zhǔn)，多瀏覽器兼容的圖片垂直居中效果代碼2008-08-08
CSS制造：鼠標(biāo)移上去顯示大圖...2006-12-12
當(dāng)浮動(dòng)元素與非浮動(dòng)元素相鄰時(shí)，這個(gè)3像素的Bug就會(huì)出現(xiàn)，它會(huì)偏移3像素。2008-10-10
Internet Explorer 8 beta 中文版與IE7共存的解決方法
今天安裝了IE8，去微軟網(wǎng)站下載的時(shí)候發(fā)現(xiàn)已經(jīng)提供中文版的beta了，哈哈 發(fā)現(xiàn)IE8沒有傳說中的那么妖魔化，不錯(cuò)的瀏覽器，新增功能不錯(cuò)。2008-05-05
《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（三)
這篇文章主要介紹了《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（三,需要的朋友可以參考下2016-05-05
css中的行間距的代碼...2007-08-08
很早以前的關(guān)于表格的高級(jí)使用技巧，建議學(xué)習(xí)，并不是一定都要用div+css布局的，很適合現(xiàn)在2008-05-05
解決 select 擋住div的解決方法...2006-11-11
CSS規(guī)則層疊的應(yīng)用 css必須要注意的幾點(diǎn)
前幾天，我解釋了 CSS規(guī)則層疊時(shí)的算法 雖然看起來復(fù)雜，但是在實(shí)際應(yīng)用過程中，還不算太復(fù)雜，因?yàn)橹T如user style和inline style之類的東西我們很少考慮。2008-04-04
前端項(xiàng)目的性能優(yōu)化是一個(gè)綜合性的問題,需要從多個(gè)方面入手,以下是幾大類的優(yōu)化方案：移動(dòng)端、圖片、JavaScript、css、html、頁(yè)面內(nèi)容、服務(wù)器、cookie2023-11-11