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

The IE Doubled Float-Margin Bug  IEBug--浮動物件外修補程式的雙倍距離

先看以下程式碼：

#box{ 500px;
    height: 400px;    
}

#box1{
     width: 300px;
    height: 200px ;
    margin-left: 50px;    
}

Box在外面，Box1在裡面，但在IE瀏覽器中Box1離左邊的距離會是100px,而實際距離應是50px演示。


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