IE6、IE7、Firefox中margin問題解決辦法
作者：zzh
CSS中margin屬性有很多值得學習的地方，本文向大家介紹一下IE6/IE7/Firefox的margin問題解決辦法，相信你一定會感興趣。
你對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*/
【編輯推薦】
- IE6下margin雙倍邊距Bug處理辦法
- 探究IE7beta2的CSS兼容性
- DIV布局規范中CSS類及id命名方式
- IE6,IE7,FF等瀏覽器不兼容原因及解決辦法
- 將XHTML+CSS頁面轉換為打印機頁面技巧
責任編輯：佚名
來源：
cnblogs.com
