Div和div之间的距离问题

如题所述

第1个回答  2014-04-29
div之间没设定margin或padding,一般没有间距。
上下div均为70px,没有设定margin,那么基本不会出现间距(如果有请用审查元素等工具查找问题所在)。

于是题主发现的问题是什么?
我猜是背景图片不够70px高度的原因导致看起来div之间有间距。
第2个回答  2014-04-29
做左中右三个div的样式:加上padding:0px;
对你说的上下div的样式再加上:margin-top:0px;margin-bottom:0px;
建议研究一下css盒模型追问

outer1和2,还有one至three的title,还有inner都按照您说的加了这些代码,但是没有发生任何改变。。。

追答

你是不是把高度都写死了,又没有算准。

追问

和dragonbird 说的一样。。把下面三个div的边框显示1px,就和上面3个div没有距离了。。。不知道什么原因啊。。

追答<style>
 #outter{
  width:608px;
  height:400px;
  margin:0px;
  padding:0px;
  border:#000 1px solid;
 }
 #in_left{
  width:200px;
  height:400px;
  border:#000 1px solid;
  float:left;
 }
 #in_center{
  width:200px;
  float:left;
  height:400px;
  border:#000 1px solid;
 }
 #in_right{
  width:200px;
  height:400px;
  float:left;
  border:#000 1px solid;
 }
 .content_top{
  width:100%;
  height:150px;
  border:#000 1px solid;
 }
 .content-bottom{
  width:100%;
  height:250px;
  border:#000 1px solid;
 }
</style>
<body>
<div id="outter">
 <div id="in_left">
     <div class="content_top"></div>
        <div class="content-bottom"></div>
    </div>
    <div id="in_center">
     <div class="content_top"></div>
        <div class="content-bottom"></div>
    </div>
    <div id="in_right">
     <div class="content_top"></div>
        <div class="content-bottom"></div>
    </div>
</div>
</body>

第3个回答  2014-04-29
上下那两个DIV的CSS呢?追问

这是下面3个div的css,上面3个div的css分别是title-one到three。

追答

.feature-box-inner里的padding: 0 10px;去掉试试。

追问

不行啊。。只是让下面div里面的内容和边框之间的距离为0px了

追答

能把你的页面和CSS文件发过来么?

追问

可以,这个发到哪里呢?

追答

dragonbird @ 163.com

追问

ok已经发送了,img,css,js,html都压缩给你了

追答

.feature-box-inner {
padding: 0 10px;
min-height: 120px;
background-color: #989898;
border: 1px solid #000000;
}
我加了个边框,结果它就上去了,原因还没找到

追问

我了个去……真的是这样……这什么原因啊

追答

应该是h3的问题
赛事信息
把H3去了就没空了

本回答被提问者采纳
第4个回答  2014-04-29
用谷歌找找问题吧追问

什么意思用谷歌找找问题。。