播放记录

IE6中的双倍margin问题解析

博客Web前端HTML+CSS 2019年08月27日 14:24:30

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

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

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

解决方案:

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

最后我们来看一下效果:

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

转载:https://www.xuecaijie.com/htmlcss/71.html

© 2018 www.qingketang.net 鄂ICP备18027844号-1

武汉快勤科技有限公司 13554402156 武汉市东湖新技术开发区关山二路特一号国际企业中心6幢4层7号

微信登录

扫码关注,全站教程免费播放

发表评论 X

登录成功
开通VIP

订单金额:

支付金额:

支付方式: