margin在IE6碰到float时会距离会加倍的问题解决

本文详细解析了DIV+CSS布局中margin在IE6中加倍的现象,并提供了解决方案,包括设置display:inline;以及使用!important来调整样式,确保不同浏览器的一致性。

使用DIV+CSS布局,为什么边界margin会在IE6中加倍,而在FF中没有问题
IE6的BUG,margin在碰到float时会距离会加倍
解决方法是多加一个CSS定义:display:inline;
用margin-left:11px !important;margin-left:5px;这样的方法也能结局使用margin时候的浏览器兼容性问题
但是要是margin的距离加倍问题只是在边界的时候才能发生
如果边界div和中间部分的div使用同一个margin样式的话就会出现问题了
display:inline 的作用是设置对象做为行内元素显示,
inline是内联对象的默认值(ps:内联对象就是不自动产生换行的元素,比如span)
而我们一般用的div是块级元素,默认display属性是block,
但将div的display设置为inline的话,则多个div可以象span一样显示在一行了。

转载于:https://www.cnblogs.com/92lxh/archive/2011/12/02/2272149.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值