IE6 兼容问题 横向双倍外边距。IE6存在不少的兼容问题,今天要说的是IE6 的 横向双倍外边距
横向双倍外边距的触发条件:
当浮动元素的浮动方向和浮动边界的方向一致。此时用IE6查看网页,就会发现,设置的横向的边距变成了双倍。
如:元素向左浮动并且设置了左侧的外边距出现了这样的双边距bug。同理,元素向右浮动并且设置右边距也会出现同样的情况。同一行如果有多个浮动元素,第一个浮动元素会出现这个双边距bug,其它的浮动元素则不会。
那么,如何修正这个IE6下的横向双倍外边距的Bug呢?
只需要给浮动元素加上display:inline;的CSS属性就可以了。