如何解决IE6双边距问题?

解决IE6中浮动元素的margin双倍边距问题


这里写图片描述

IE6中,第一个浮动到父元素边上的元素,如果含有该方向的margin值,那么margin会以双倍显示。即:浮动元素的左边距在IE6上为所设定的左边距的两倍【见上图2】

这个问题只会发生在浮动行的第一个浮动元素上。准确的说:应该是每一行的第一个元素都会受此影响。

为了解决该问题,需要给浮动元素添加属性display: inline,即可解决。【就会与 上图1 的演示效果一样



除此之外,IE6浮动元素的双边距问题,还具有延展性:

对比图3、 图4

这里写图片描述

要解决这两个问题,同样需要给浮动元素的它设置display: inline 属性。


以上就是关于“ 如何解决IE6双边距问题? ” 的全部内容。

猜你喜欢

转载自blog.csdn.net/qq_35393869/article/details/80844390