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)文章
IE死了，無(wú)論是IE6還是7，今天遇到了這個(gè)問(wèn)題！帶著滿身的汗查了半天，終于定位到問(wèn)題了！原來(lái)是float元素沒(méi)有閉合的原因！2008-04-04
當(dāng)完成一項(xiàng)前端的工作之后，許多人都會(huì)忘記該項(xiàng)目的結(jié)構(gòu)與細(xì)節(jié)。然而代碼并不是馬上就能完全定型，在余下的時(shí)間里還有不斷的維護(hù)工作，而這些工作也許不會(huì)是你自己完成。所以，結(jié)構(gòu)優(yōu)良的代碼能很大程度上優(yōu)化它的可維護(hù)性。下面列出五種提高CSS文件可維護(hù)性的方法，也就是一種較好的CSS樣式指南。2008-05-05
網(wǎng)站首頁(yè)head區(qū)代碼規(guī)范
網(wǎng)站首頁(yè)head區(qū)代碼規(guī)范...2006-11-11
[紅色]從gb到utf-8...2006-12-12
昨天在使用css結(jié)合div布局的時(shí)候碰到了一個(gè)問(wèn)題。 在一個(gè)規(guī)定寬度大小的ul里邊 我把li的寬度定義為自動(dòng)。企圖讓li根據(jù)內(nèi)容長(zhǎng)度來(lái)自動(dòng)向左對(duì)齊排列。2008-07-07
同一個(gè)頁(yè)面用多個(gè)id有什么影響...2006-12-12
css下!important效果演示代碼2008-04-04
寫CSS_關(guān)于Border你可能需要注意的地方...2007-12-12
屏蔽IE瀏覽器（也就是IE下不顯示）2008-12-12
我們常常希望列表中的內(nèi)容，超過(guò)設(shè)置的長(zhǎng)度的時(shí)候，不要撐開(kāi)父元素，也不希望它直接換行；我們更愿意讓其超過(guò)部分用省略號(hào)來(lái)代替。而在title標(biāo)簽中，置放的是完整的標(biāo)題。2008-12-12