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