1、首先打开hbuilder软件，新建一个html文件，在html里面写入html结构，在给每个子div设置一个class属性。2、接着在上方的style标签中设置这个名叫div的class的css样式，这里把文字字号放大并加入了边框，然后就可以使用margin属性设置子容器之间的间距了，margin中前面的是设置上下间距，后面的则是左右间距，最后根据自己的需要设置即可。3、来到浏览器即可看到效果，三个div的间距都是20px。以上就是cs设置div子容器之间的间距的方法。
元素之间的边距可以使用margin来实现：
margin:top right bottom left /*分别为上右下左边距*/这属于CSS 框模型 (Box Model)—— 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式：
围绕在元素边框的空白区域是外边距，设置外边距会在元素外创建额外的“空白”。设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。
元素的内边距在边框和内容区之间，控制该区域最简单的属性是 padding 属性，可以接受长度值或百分比值，但不允许使用负值。
元素的边框是围绕元素内容和内边距的一条或多条线，可以使用 border 属性来规定元素边框的样式、宽度和颜色。
下面举个简单的例子：
在Html代码中添加两个div
<div></div><div></div>设置css样式
div{width:250pxheight:50pxborder:2px solid #cccmargin:50px 80px}观察效果
1、首先我们创建一个html文件，引入必须的css文件后，创建一个父div和两个子div作为测试。
2、最简单的方法就是使用float浮动，将两个div进行左右浮动，即可设置出边距，这里适合使用百分比。
3、然后是使用margin外边距，这也是常用的方法，可以设置上下左右边距，这里使用float将两个子div并列。
4、这个方法也是margin方法，当时是使用display:inline-block来将两个div并列，需要注意的是这里会产生边距。
5、最后这个是使用padding内边距，需要有内容的情况下或者在子div中里面加入div以显示效果。
