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

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

文章插图

需要这些哦
html+css
代码编纂器：Dreamweaver CS5
方式/
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文件，查看实现的结果。

文章插图

总结：1【css如何设置div子容器之间的间距】1、建立div子容器。
2、在css中，利用float属性设置浮动，同时利用margin属性设置其外边距。

注重事项margin除了margin-right外，还可以利用margin-left ， margin-top ， margin-bottom属性。

以上内容就是css如何设置div子容器之间的间距的内容啦，希望对你有所帮助哦！