当上下两个div有背景的时候在IE6浏览器下会有间距产生,下面蛐蛐工作室具体说一下两种解决方法

蛐蛐工作室方法一:两个div的样式中都加入overflow:hidden,或者只给上面的div加上就行了。overflow:hidden在css2.0手册中是这样解释的:不显示超过对象尺寸的内容

蛐蛐工作室方法二:在head中加入以下代码:

<!--[if IE]>
<style type="text/css">
.cls6_1,.cls5_1{margin-left:5px;zoom:1;}
.cls5_2{margin-left:298px;margin-right:254px;zomm:1;}
.cls6_2,.cls5_3{margin-right:5px;zoom:1;}
</style>
<![endif]-->

另外可以参考以下几个问题:[DIV+CSS编写的网页IE6与IE7错位的问题] [CSS兼容:如何解决IE7和IE8的BUG] [IE6不支持li:hover的解决方法]


原创文章如转载,请注明:转载自蛐蛐工作室
原文地址:http://www.qqgzs.com/archives/div-css-ie6-margin.html