css如何調整兩個div的相對位置

在css中，可以使用position定位屬性來設置兩個div的相對位置。下面小編舉例講解css如何調整兩個div的相對位置。

東西/原料

1
新建一個html文件，定名為test.html，用于講解css若何調整兩個div的相對位置。
2
在test.html文件內，利用div建立兩個模塊，一個div模塊包含另一個div模塊。
3
在test.html文件內，別離設置div的class屬性為outdiv，indiv，用于下面界說其樣式。
4
在css標簽內，設置外部div的樣式，界說其寬度為250px，高度為250px，布景顏色為灰色，定位屬性絕對定位。
5
在css標簽內，設置內部div的樣式，界說其寬度為50px，高度為50px，布景顏色為紅色，定位屬性相對定位，利用top屬性設置相對外部div的頂部50px，左部50px。
6
在瀏覽器打開test.html文件，查看成果。
END