当前位置:编程学习 > html/css >>

HTML代码中DIV上下有缝隙,是什么原因

<div style="width:950px; height:60px; float:left; background-image: url(销售服务_红色.png); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;"> <div style="width:950px; height:10px;float:left;"></div> <div style="width:150px; height:50px;float:left;"></div> <div style="width:350px; height:50px;float:left;"></div> <div style="width:250px; height:50px;float:left;"></div> <div style="width:200px; height:50px;float:left;"></div></div> 上面一个DIV和下面4个DIV之间有空隙是什么原因?
补充:<div style="width:950px; height:60px; float:left; background-image: url(销售服务_红色.png); margin: 0,0,0,0; padding: 0,0,0,0;">
  <div style="width:950px; height:1px;float:left;margin: 0,0,0,0; padding: 0,0,0,0;"></div>
  <div style="width:150px; height:50px;float:left;margin: 0,0,0,0; padding: 0,0,0,0;"></div>
  <div style="width:350px; height:50px;float:left;margin: 0,0,0,0; padding: 0,0,0,0;"></div>
  <div style="width:250px; height:50px;float:left;margin: 0,0,0,0; padding: 0,0,0,0;"></div>
  <div style="width:200px; height:50px;float:left;margin: 0,0,0,0; padding: 0,0,0,0;"></div>
</div>
这样也没效,在IE6中有缝大概是10px,在FF中测试好像是正常的
追问:<div style="width:950px; height:60px; float:left; background-image: url(销售服务_红色.png); margin: 0,0,0,0; padding: 0,0,0,0;">
  <div style="width:950px; height:1px;float:left;margin: 0,0,0,0; padding: 0,0,0,0;"></div>
  <div style="width:150px; height:50px;float:left;margin: 0,0,0,0; padding: 0,0,0,0;"></div>
  </div>
这样也没效,在IE6中有缝大概是10px,在FF中测试好像是正常的谢谢,字体尺寸为0可以了,也谢谢下面的兄弟<div style="width:950px; height:60px; float:left; background-image: url(销售服务_红色.png); margin: 0,0,0,0; padding: 0,0,0,0;">
  <div style="width:950px; height:1px;float:left;margin: 0,0,0,0; padding: 0,0,0,0;"></div>
  <div style="width:150px; height:50px;float:left;margin: 0,0,0,0; padding: 0,0,0,0;"></div>
  </div>
按你说的做了没效果,在IE6中有缝大概是10px,在FF中测试好像是正常的
答案:你下面4个div没有设置margin和padding为0px
其他:换行和空格造成的.
.....;"></div><div ....
像这样连在一起写就可以了.
另外看看是不是定义了margin和padding样式,这些样式也可能引起"缝隙" 只有第一个有空隙是吧。
你在第一个里面写入font-size:0;line-height:0;试试 

上一个:我想有一个DIV层,里面是我预先放好的文字,点击后自动插入到文本框,用JQUERY怎么做???
下一个:我用jquery写个DIV的隐藏于显示。

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,