Position属性之relative怎么使用

position:relative属性用于指定元素的定位方式为相对定位。相对定位是相对于元素在正常文档流中的位置进行定位，元素仍然占据原来的空间。

要使用position:relative属性，需要按照以下步骤进行操作：

1. 在CSS样式表中选择要应用相对定位的元素。可以使用元素的类名、ID名或者标签名进行选择。

2. 在选择器中添加position:relative属性，并设置它的值为relative。

示例代码如下：

.my-element {
position: relative;
}

以上代码将会选择类名为"my-element"的元素，并将其定位方式设置为相对定位。

一旦将元素的定位方式设置为相对定位，可以使用top、right、bottom和left属性来调整元素的位置。这些属性指定元素相对于其正常位置的偏移量。

示例代码如下：

.my-element {
position: relative;
top: 20px;
left: 30px;
}

以上代码将会将元素向下移动20像素，向右移动30像素。

请注意，相对定位不会改变元素的布局，它只会影响元素的呈现位置。