IE6下双倍margin的BUG的解决方法

发布时间:2020-03-30编辑:脚本学堂
当IE6中块元素float布局时候,当含有margin属性,并且margin与float一致的时候,margin值加倍,为什么?解决方法:给这个浮动元素增加display:inline属性。

当IE6中块元素float布局时候,当含有margin属性,并且margin与float一致的时候,margin值加倍。
解决方法:
给这个浮动元素增加display:inline属性。

复制代码 代码如下:
.floatbox {
float: left;
width: 150px;
height: 150px;
margin: 5px 0 5px 100px;
display: inline;
}