IE Bug--浮動物件外補丁的雙倍距離的解決方案_經驗交流

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,而實際距離應是50px，示範。

解決的方法是，在box1的代碼中加入：display: inline;，可使浮動被忽略，IE中不至於產生雙倍距離，示範，更詳細資料，可看這裡 。

