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