1、首先打开hbuilder软件，新建一个html文件，在html里面写入html结构，在给每个子div设置一个class属性。2、接着在上方的style标签中设置这个名叫div的class的css样式，这里把文字字号放大并加入了边框，然后就可以使用margin属性设置子容器之间的间距了，margin中前面的是设置上下间距，后面的则是左右间距，最后根据自己的需要设置即可。3、来到浏览器即可看到效果，三个div的间距都是20px。以上就是cs设置div子容器之间的间距的方法。
如何控制css让三个标签横排显示或者三个以上的标签横排，其实都是一样的，下面演示一下，通过控制li标签实现横排显示；
1、打开所需测试的软件，创建一个新的html
2、写入要实现效果的代码：
3、利用css来控制横排展示；
4、展示的效果为：
详解css：主要是控制li标签的靠左浮动：float:left；当然，展示在一排，靠右浮动也是可以的，list-style-type:none意思是：去除图2展示的前面的点；至于margi-right:20px；让li标签与右侧外边距离为20px
可以使用弹性布局，display: flex 就可以让div横排，默认布局轴方向就是横向，justify-content: space-between可以是div平均分布在水平轴上。
