你對IE6雙倍margin間距解決方法是否比較熟悉，這里和大家簡單分享一下，希望通過本文的學(xué)習(xí)你對此解決方法有深刻的認(rèn)識。

IE6雙倍margin間距解決方法

方法1:

假設(shè)：一個div代碼為

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

當(dāng)一個css樣式同時設(shè)置了float和margin的屬性的時候，在ie7+及火狐上，該元素顯示正常。但是在ie6下，將會出現(xiàn)雙倍的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的各種疑難雜癥
2. 讓IE6支持fixed的捷徑
3. IE6 IE7 IE8三個版本的CSS兼容速查手冊
4. IE6下使用CSS定義DIV高度行之有效的辦法
5. 技術(shù)前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題