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
3个容器如果要在一条直线上排列，那么容器宽度的综合一定要小于外围容器的宽度，在图片中看不出来你外围容器宽度是多少，你可以先设定死3个容器的宽度再测试一下（估计主要是因为你的容器没有宽度，大小都是）另360本身是没有内核的，你的IE是几，360显示的也就是几，建议你装firefox，IE8来主要调试，苹果，谷歌，opera，他们用的都是W3C标准内核，和Firefox一样，虽然有点差异但是不太大，现在IE8也朝他们发展了，真希望有一天不用hack，都兼容就好了！～怨念。。。
