如何解决IE6双边距问题?

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


这里写图片描述

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

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

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



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

对比图3、 图4

这里写图片描述

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值