IE6雙倍邊距一招搞定

所謂的IE6雙倍邊距就是指當元素有float屬性，又有margin屬性時，在IE6下面顯示的margin的值是設置值的兩倍。下面的代碼：

    <div style="width:200px;height:50px;background:#ccc;">  
    <div style="width:100px; height:50px;float:left;margin-left:10px; background:#eee;"></div>  
    </div>  

IE6顯示效果為：IE8顯示效果為：

可以看得出來左邊距在IE6下面明顯比IE8下面的大，在ie6下面的左邊距變成了20px，而不是設置的10px。 IE6雙倍邊距一招搞定：將有float屬性的元素添加display:inline屬性。

    <div style="width:200px;height:50px;background:#ccc;">  
    <div style="width:100px; height:50px;float:left;margin-left:10px; background:#eee; display:inline"></div>  
    </div>  

看看顯示效果，IE6顯示效果為： IE8顯示效果為： 就是這么簡單！