IE6下这两个DIV层中间有间隙解决方法

2016-06-20 08:01:31 IE6下这两个DIV层中间有间隙解决方法,ie6下div之间间隙解决方法。

IE6下这两个DIV层中间有间隙解决方法,ie6下div之间间隙解决方法。

CSS代码:

  1. .left{ float:left; width:120px; height:100px; background:#FF0 } 
  2. .right{ width:120px; height:100px; background:#F00 } 

HTML代码:

  1. <div class="left">aaaaaa</div> 
  2. <div class="right">bbbb</div> 

在IE6中测试,IE6下3PX BUG也是经常出现的,解决的办法是给.right也同样CSS浮动 float:left 或者相对IE6定义.left margin-right:-3px;不然同时会出现.left的对应DIV会遮挡住.right的盒子。解决方法通俗方法为对.right设置float:left浮动。这样解决IE6问题,又不让两个DIV产生DIV重叠内容不重叠问题。

更新