你對IE6/IE7/Firefox的margin問題解決辦法了解多少，這里和大家分享一下，希望對你的學習有所幫助。

IE6/IE7/Firefox的margin問題解決辦法

這兩天在做一個網站的布局，因為經常用firefox，所有的內容都是在firefox下面調試的，等快完工了切回IE7一看，樣式差別好多，主要是在margin，padding這幾個元素的理解上。
我知道ie6ie7firefox對margin的解釋都不同，去網上查了一下，可以通過!important這樣的手段hack。
具體的做法有以下幾種：

***種：

.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*/  
 

現在常用了***種，很好用，寫出來與大家分享。
在給一個例子：

#pages{margin:auto;width:910px;text-align:left;}  
#pages{*width:915px!important;}/*IE7*/  
 

【編輯推薦】

1. IE6下margin雙倍邊距Bug處理辦法
2. 探究IE7beta2的CSS兼容性
3. DIV布局規范中CSS類及id命名方式
4. IE6,IE7,FF等瀏覽器不兼容原因及解決辦法
5. 將XHTML+CSS頁面轉換為打印機頁面技巧