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

margin在FF/IE6/IE7中的兼容

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

解決方法一：

是在這個DIV里面加上display:inline。
如：

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

解決方法二：

通過!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三個版本的CSS兼容速查手冊
4. IE6下使用CSS定義DIV高度行之有效的辦法
5. 技術前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題