手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >IE6双倍边距 IE6浏览器会出现双倍边距解决方法
IE6双倍边距 IE6浏览器会出现双倍边距解决方法
摘要:所谓的IE6双倍边距就是指当元素有float属性,又有margin属性时,在IE6下面显示的margin的值是设置值的两倍。下面的代码:折叠...

所谓的IE6双倍边距就是指当元素有float属性,又有margin属性时,在IE6下面显示的margin的值是设置值的两倍。下面的代码:

折叠展开XML/HTML Code

<div>

<div></div>

</div>

IE6显示效果为:

IE6双倍边距 IE6浏览器会出现双倍边距解决方法1

IE8显示效果为:

IE6双倍边距 IE6浏览器会出现双倍边距解决方法2

可以看得出来左边距在IE6下面明显比IE8下面的大,在ie6下面的左边距变成了20px,而不是设置的10px。 IE6双倍边距一招搞定:将有float属性的元素添加display:inline属性。

折叠展开XML/HTML Code

<div>

<div></div>

</div>

再来看看显示效果,IE6显示效果为:

IE6双倍边距 IE6浏览器会出现双倍边距解决方法3

IE8显示效果为:

IE6双倍边距 IE6浏览器会出现双倍边距解决方法4

就是这么简单!

【IE6双倍边距 IE6浏览器会出现双倍边距解决方法】相关文章:

清除行内元素之间HTML空白的几种解决方案

浏览器不支持position: fix的解决

DIV下图片自适应解决方法

DIV+CSS页面布局中BUG解决方法

关于清除浮动塌陷的几种方法总结

div嵌套 img 空白解决方法

根据用户浏览器及分辨率调用不同的CSS样式文件

IE6下图片下方有空间距的多种解决方法

div标签中的元素margin-top失效的解决方法

span设CSS样式总是不起作用的解决方法

精品推荐
分类导航