日期:2014-05-17  浏览次数:20604 次

关于2个DIV之间有缝隙
<div style="background-image: url('images/DI.png');width: 1048px;margin-top: 3px; height: 800px;overflow:hidden">
<div>
<img src="images/backhome.png" style="width:1048px;height: 469px;"/>
</div>
<div id="carousel" style="width:1070px;margin-left: -12px;margin-top: 100px;">
<img src="images/carousel_btn_lastpic.png" id="carousel_btn_lastpic" title="上一组" onclick="move('right')" style="cursor:pointer;width: 26px;height: 27px;margin-top: 40px;"/>
<img src="images/carousel_btn_nextpic.png" id="carousel_btn_nextpic" title="下一组" onclick="move('left')" style="cursor:pointer;width: 26px;height: 27px;margin-top: 40px;"/>
<div id="imgList">
<ul>
<li><a href="youandme.html"><img src="images/youandmeli.png" title="与你同行"></img></a></li>
<li><a href= "zhaopengyou.html"><img src="images/findfriendlyli.png" title="找朋友"></img></a></li>
<li><a href="internethome.html"><img src="images/internethome.png" title="家庭网络存储器"></img></a></li>
<li><a href="heightqing.html"><img src="images/01.png" title="网络高清播放器"></img></a></li>
<li><a href="lubanchi.html"><img src="images/lubanchili.png" title="手机鲁班尺"></img></a></li>
<li><a href="product.html"><img src="images/game.png" title="游戏"></img></a></li>
</ul>
</div>
  </div>我的DIV是这样的为什么会有一小缝隙?

------解决方案--------------------
这代码贴的看不出毛病来
------解决方案--------------------
CSS code

*{margin:0;padding:0}
看看这样行吗

------解决方案--------------------
图片的原因看不到效果,你试试楼上的重置
*{margin:0;padding:0}


------解决方案--------------------
img{ display:block;}
还有一种可能是margin导致空隙!