您的位置首页百科问答

CSS怎么设置相对定位

CSS怎么设置相对定位

的有关信息介绍如下:

CSS怎么设置相对定位

在CSS中,可以使用position:relative语句设置相对定位。下面小编举例讲解CSS怎么设置相对定位。

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

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

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

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

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