IE 6下双倍margin的BUG

最新推荐文章于 2020-01-06 14:54:38 发布

原创最新推荐文章于 2020-01-06 14:54:38 发布 · 129 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IE

本文探讨了IE6浏览器中块元素使用float布局时遇到的问题：当元素的margin值与float方向一致时，margin会发生翻倍现象。文中提供了一种解决方案，通过将display属性设置为inline来避免这一问题。

当IE6中块元素float布局时候，当含有margin属性，并且margin 与float 一致的时候，margin值加倍，为什么？ IE 6就不要问为什么了。解决方法给这个浮动元素增加display:inline

.floatbox {
float: left;
width: 150px;
height: 150px;
margin: 5px 0 5px 100px;
display: inline;
}