css如何设置div子容器之间的间距

在css中，可以使用float属性让div内的子容器浮动向左，然后使用margin属性设置子容器之间的间距。下面小编举例讲解css如何设置div子容器之间的间距。

东西/原料

1
新建一个html文件，定名为test.html，用于讲解css若何设置div子容器之间的间距。
2
在test.html文件内，利用div建立一个模块，在div内，再利用div建立两个子容器。
3
在test.html文件内，给外部的div添加一个test属性，用于设置css样式。
4
在css标签内，经由过程class类名设置外部div的样式，界说其宽度为400px，高度为300px，布景颜色为灰色。
5
在test.html文件内，再经由过程类名和div元素名称设置子容器的样式，界说子容器的宽度为100px，高度为100px，布景颜色为红色，同时利用float属性设置子容器同一浮动标的目的左，再利用margin-right属性设置其右外边距为20px。
6
在浏览器打开test.html文件，查看实现的结果。
END