你對(duì)IE6/IE7/Firefox的margin問(wèn)題解決辦法了解多少，這里和大家分享一下，希望對(duì)你的學(xué)習(xí)有所幫助。

IE6/IE7/Firefox的margin問(wèn)題解決辦法

這兩天在做一個(gè)網(wǎng)站的布局，因?yàn)榻?jīng)常用firefox，所有的內(nèi)容都是在firefox下面調(diào)試的，等快完工了切回IE7一看，樣式差別好多，主要是在margin，padding這幾個(gè)元素的理解上。
我知道ie6ie7firefox對(duì)margin的解釋都不同，去網(wǎng)上查了一下，可以通過(guò)!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*/  
 

現(xiàn)在常用了***種，很好用，寫(xiě)出來(lái)與大家分享。
在給一個(gè)例子：

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

【編輯推薦】

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