请问两个div之间的上下距离怎么设置

楼上说的是一种方法，yanzilisan183

<div style="margin-bottom:10px">设下边距为10像素</div>

<div style="margin-top:10px">设上边距为10像素</div>

如果两个放在一起,那中间的距离就是20像素. 也可以只指定上边DIV的下边距(或下边DIV的上边距).

==========================可爱的分隔线============================

此外，还可以用padding(内边距)来定义，padding-top:10px　padding-bottom:10px　定义上（下）边距为10px；

此法的好处是，当有浮动存在的时候，可以解决ie6的双边距问题。

两种方法视情况而定 :)

用div的外边距来控制 ：margin

Margin延伸（单独设置四边间距属性单词）

margin-left 对象左边外延边距 （margin-left:5px左边外延距离5px）

margin-right 对象右边外延边距 （margin-right:5px右边外延距离5px）

margin-top 对象上边外延边距 （margin-top:5px上边外延距离5px）

margin-bottom 对象下边外延边距 （margin-bottom:5px下边外延距离5px）

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：.sub{margin-top: 30px}。

3、浏览器运行index.html页面，此时3个div子子容器的垂直间距被统一设置为了30px。

---