什么是双边距?
当我们编辑块级元素的浮动样式时,原本设置的外边距会在IE6(360、兼容模式)下双倍显示。
如下代码:
.b{
float:left;
margin:0 20px;
width:500px;
height:200px;
background:red;
}
如何解决这个问题呢?
通过display把块级元素调整成行内元素,可以解决这个bug。
如下代码:
.b{
float:left;
display:inline;
margin:0 200px;
width:500px;
height:200px;
background:red;
}