
在CSS中,可以使用position:relative语句设置相对定位。下面小编举例讲解CSS怎么设置相对定位。
新建一个html文件,命名为go.html,用于讲解CSS怎么设置相对定位。
首先写两个div块元素,一个为红色,另一个为蓝色。
运行网页,没有设置相对定位前的div块元素如图所示。
使用position:relative语句设置相对定位,相对顶部和左边距离为100px。
再次运行网页,可以看到红色方块相对左上角相隔了100px。

在CSS中,可以使用position:relative语句设置相对定位。下面小编举例讲解CSS怎么设置相对定位。
新建一个html文件,命名为go.html,用于讲解CSS怎么设置相对定位。
首先写两个div块元素,一个为红色,另一个为蓝色。
运行网页,没有设置相对定位前的div块元素如图所示。
使用position:relative语句设置相对定位,相对顶部和左边距离为100px。
再次运行网页,可以看到红色方块相对左上角相隔了100px。