首页 > 代码库 > 【IE6双倍边距】-IE6双倍边距的bug
【IE6双倍边距】-IE6双倍边距的bug
效果
代码
CSS IE6双倍边距的bug
body { margin: 0; padding: 0; }
.div1 { width: 200px; height: 200px; background: red; margin-top: 20px; margin-left: 20px; float: left; display: inline; }
.div2 { width: 300px; height: 200px; background: blue; float: left; }
bug描述:两个div元素浮动的时候,当设置 margin-left: 20px; 在IE6下面将会呈现40px
浮动的影响将会把div层从文档流中给拖出来,只有在浮动之后清除掉浮动,才能回归原来的文档流中
当div向左边浮动20个像素时,ie6下这个值将会加倍,解决的方法是/*display: inline; */
代码分析
来自为知笔记(Wiz)
附件列表
【IE6双倍边距】-IE6双倍边距的bug
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。