先来看看什么是“双边距”
看图,绿色盒子在蓝色盒子上左浮动了float:left;,并且以左边的外边距为100px,margin-left:100px;这样显示是正常的,那么下面我们到IE6里面去看看会是什么样。
是
看图,这是在IE6浏览器上呈现的效果,是不是看到了不同的效果,它比原来的多出了100px,那为什么会这样呢?那是因为
这种情况出现的条件是:当浮动元素的浮动方向和浮动边界的方向一致时才会出现。也就是说浮动的方向与边距的方向是一致的时候就会出现!这就叫做”双边距“ 那该怎么解决呢?请继续往下看。。。。
其实很简单,
在浮动元素里面添加个display:inline;就行了