DIV CSS 佈局教程網

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

IE6雙倍margin間距解決方法

方法1:

假設：一個div代碼為

<divstyledivstyle="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的各種疑難雜症
2. 讓IE6支持fixed的捷徑
3. IE6 IE7 IE8三個版本的CSS兼容速查手冊
4. IE6下使用CSS定義DIV高度行之有效的辦法
5. 技術前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題