本文和大家重點(diǎn)討論一下margin在FF/IE6/IE7中的兼容，設(shè)置為float的DIV在IE下設(shè)置的margin會(huì)加倍。這是一個(gè)IE6都存在的bug。這里總結(jié)了兩個(gè)解決方案希望對(duì)你的學(xué)習(xí)有所幫助。

margin在FF/IE6/IE7中的兼容

設(shè)置為float的DIV在IE下設(shè)置的margin會(huì)加倍。這是一個(gè)IE6都存在的bug。解決方案我總結(jié)了兩個(gè)，當(dāng)然可能還有其他的方法,知道的可以留言分享呵呵。

解決方法一：

是在這個(gè)DIV里面加上display:inline。
如：

＜#DIVid=”imfloat”> 
相應(yīng)的css為  
#imfloat{  
float:left;  
margin:5px;/*IE下理解為10px*/  
display:inline;/*IE下再理解為5px*/}  

解決方法二：

通過(guò)!important這樣的手段hack。（這里面有3種形式）

***種：

.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不支持的五大CSS選擇符
2. 探究IE8與IE7具體功能中窗口功能按鈕的變化
3. IE6 IE7 IE8三個(gè)版本的CSS兼容速查手冊(cè)
4. IE6下使用CSS定義DIV高度行之有效的辦法
5. 技術(shù)前沿 一段JS代碼輕松解決IE6-IE8的兼容性問(wèn)題