两个div之间的间距

Question

新手小白
上边的div的高度是随内容变化而变化的，如何写css使下边的div和上边的div有一定的间距？
表示margin不管用
求大神，，

Answer 1

用margin是可以实现的，但你首先要明确你上面的div存放的是什么内容。

如果上面的div中你使用过float浮动的话，那么你需要在上面的DIV结束时候加多一个div来清除上面div所产生的浮动。 clear:both 这样的样式。

然后下面的div加上样式 margin-top:20px; 就可以产生20px的像素间距了。本回答被提问者和网友采纳

Answer 2

<div class="top" style="border:1px solid #f00;width:300px;margin:0 auto">上面的div</div>
<div class="bottom" style="border:1px solid #f00;width:300px;height:100px;margin-top:20px">下面的div</div>

看看这样可以了不。。。。
margin-top 就是下面的 div 距离上面的距离

。。。。。。满意望采纳。。。。。。

可追问

Answer 3

用margin-bottom或margin-top就可以处理了，如下：
方法一：
<style type="text/css"> #div1 { margin-bottom:100px; }</style>
<div id="div1">gfdgfdg</div><div id="div2">fdsfd</div>
方法二：
<style type="text/css">#div2 { margin-top:100px; }
</style>
<div id="div1">gfdgfdg</div><div id="div2">fdsfd</div>

其实如果不是一定要使用CSS的话，你直接加几个<br/>换行就能实现要求了。追问

那出现这种情况。加了margin-top，没有产生间距是什么情况

追答

图看的不是很清楚，但你DIV里面没有内容么？如果第一个DIV是空的，那么第二个div是不会和它产生间距的