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