Question

如何用css设置div与div之间的间距呢？

这是我的页面
<div id="a">
//内容
</div>

<div id="b">
//内容
</div>
我想让b出现在a的右边（现在出现在下边） 且b和页面顶部不要离得太远 b与a离得也不要太远

Answer 1

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

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

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

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

Answer 2

如果你想设定全部div的距离的话：div{margain-bottom：20px;}
如果你想设定ab之间的距离的话： .b{margain-top:20px;}

Answer 3

使用{margin:top right bottom left }。

如：{margin:10px 20px 30px 40px}表示该元素与上面的元素相距10px，与右边的元素相距20px，与下面的元素相距30px，与左边的元素相距40px;

注意：

1. 使用该属性的时候要注意当上面元素的margin-bottom:10px;下面元素margin-top:10px;那么他们的间距将会合并，即他们之间的间距变为10px;如果这两个值不一样，那么浏览器将会取较大值。但是如果其中有一个元素设置position为absolute时，间距将不会合并。

2. 使用该属性时一定要注意与它相关的元素的属性，注意观察他们的position和float属性。
   

Answer 4

a 和b设置float:left属性，如果要控制B与A的距离的话，就在B的属性里设置margin-left:间距px

Answer 5

div 与 div 即 盒子与盒子见 也就是外边距 margin控制啦