如何理解IE6雙倍margin間距的兩大解決方法

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

如何理解IE6雙倍margin間距的兩大解決方法，針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

IE6雙倍margin間距解決方法

方法1:

假設：一個div代碼為

<divstyledivstyle="float:left;margin-left:10px;"> </div>

當一個css樣式同時設置了float和margin的屬性的時候，在ie7+及火狐上，該元素顯示正常。但是在ie6下，將會出現雙倍的margin-left屬性值，也就是上面那段代碼中的div在ie6下的實際margin-left的值是20px;

解決此辦法的最簡單的方法是，在style中添加：display:inline;

如上面的代碼將改為

：<divstyledivstyle="float:left;display:inline;margin-left:10px;">  </div>

方法2:

可以使用以下辦法來書寫兼容瀏覽器的css代碼:

***種

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

關于如何理解IE6雙倍margin間距的兩大解決方法問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。

向AI問一下細節

亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看