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

IE6雙倍margin間距解決方法

方法1:

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

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

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

如上面的代碼將改為

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

方法2:

可以使用以下辦法來(lái)書(shū)寫(xiě)兼容瀏覽器的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雙倍邊距問(wèn)題
2. IE6.0對(duì)padding的解讀分析
3. DIV+CSS網(wǎng)頁(yè)錯(cuò)位診斷和解決方法
4. Float構(gòu)建三欄DIV CSS網(wǎng)頁(yè)布局
5. 技術(shù)分享 如何使用CSS控制超鏈接文字樣式