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