IE6中的双倍margin问题解析

2013-10-10 22:27:00
admin
原创
1844

问题:在IE6中,当对元素设置了浮动,则浮向一边的margin实际显示为指定margin值的两倍,即存在着margin误差。如图所示:

创建一个块,设定其向左浮动,margin值为20px。

显示效果如下,正如前面所说,左边的实际显示效果为40像素。通过与上边margin比较可以明显的看出来存在着两倍的差别。

解决方案:

修复这个双倍的margin Bug其实也很简单,就是将元素的display属性值设置为inline即可,如图所示:

最后我们来看一下效果:

哈哈,现在显示的就正常了。虽说现在用IE6的用户已经越来越少了,但是像这种基本的浏览器BUG大家还是有必要了解的。

版权声明

版权声明:本站原创文章,转载请注明作者和出处。

本站点采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议  

发表评论
评论通过审核后显示。
关注【程序员专区】

扫一扫,分享更多技术干货

热门文章
近期留言

电脑没声音的求助者2019-11-12

这个回答得对,我也是通过你的方法操作,然后电脑就有声音了,高手高手啊

环氧地坪施工2019-10-23

了解了,哈哈哈,谢谢

安贝乐育婴网2019-10-12

讲得很清晰呢

repostone2019-10-10

博主怎么想到要关一个output呢。https://repostone.home.blog/

noOne2019-09-24

遇到同样的问题了……T.T 纠结了好久。。。