1、新建一个html文件,命名为go.html,用于讲解CSS怎么设置相对定位。

2、首先写两个div块元素,一个为红色,另一个为蓝色。

3、运行网页,没有设置相对定位前的div块元素如图所示。

4、使用position:relative语句设置相对定位,相对顶部和左边距离为100px。

5、再次运行网页,可以看到红色方块相对左上角相隔了100px。

1、新建一个html文件,命名为go.html,用于讲解CSS怎么设置相对定位。

2、首先写两个div块元素,一个为红色,另一个为蓝色。

3、运行网页,没有设置相对定位前的div块元素如图所示。

4、使用position:relative语句设置相对定位,相对顶部和左边距离为100px。

5、再次运行网页,可以看到红色方块相对左上角相隔了100px。
