你對IE6雙倍margin間距解決方法是否了解，本文向大家簡單介紹一下，相信本文介紹一定會讓你有所收獲。

IE6雙倍margin間距解決方法

方法1:

假設：一個div代碼為<divstyle="float:left;margin-left:10px;"></div>

當一個css樣式同時設置了float和margin的屬性的時候，在ie7+及火狐上，該元素顯示正常。但是在ie6下，將會出現雙倍的margin-left屬性值，也就是上面那段代碼中的div在ie6下的實際margin-left的值是20px;

解決此辦法的最簡單的方法是，在style中添加：display:inline;

如上面的代碼將改為

：<divstyledivstyle="float:left;display:inline;  
margin-left:10px;"></div> 
 

方法2:

可以使用以下辦法來書寫兼容瀏覽器的css代碼:

第一種

：.div{  
background:orange;/*ff*/  
*background:green!important;/*ie7*/  
*background:blue;/*ie6*/  
}  

第二種

：.div{  
margin:10px;/*ff*/  
*margin:15px;/*ie7*/  
_margin:15px;/*ie6*/  
}  

第三種

：#div{color:#333;}/*ff*/  
*html#div{color:#666;}/*IE6*/  
*+html#div{color:#999;}/*IE7*/  
   

【編輯推薦】

1. 解決IE6下margin雙倍邊距問題
2. IE6.0對padding的解讀分析
3. DIV+CSS網頁錯位診斷和解決方法
4. Float構建三欄DIV CSS網頁布局
5. 技術分享 如何使用CSS控制超鏈接文字樣式