如何深入探究margin在FF IE6 IE7中的兼容問題

發布時間：2021-11-18 10:26:26 來源：億速云閱讀：131 作者：柒染欄目：web開發

這篇文章給大家介紹如何深入探究margin在FF IE6 IE7中的兼容問題，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

和大家重點討論一下margin在FF/IE6/IE7中的兼容，設置為float的DIV在IE下設置的margin會加倍。這是一個IE6都存在的bug。

margin在FF/IE6/IE7中的兼容

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

解決方法一：

是在這個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*/

關于如何深入探究margin在FF IE6 IE7中的兼容問題就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細節

91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本