手机
当前位置:查字典教程网 >网页设计 > 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浏览器会出现双倍边距解决方法】相关文章:

IE6 innerHTML写入的iframe src不显示BUG的解决方法

解决CSS浏览器兼容技巧

chrome居中但ie不居中的解决方法

DIV下图片自适应解决方法

li行间距大(IE中多了5个像素)的解决方法

firefox中div+css的外层背景色不见的解决方法

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

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

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

彻底清除浏览器js和css缓存的方法

精品推荐
分类导航