position:relative样式

position:relative是CSS中一种用于控制元素定位的属性值。它的作用是使元素的定位相对于其在文档中原本的位置而言，而不是相对于文档的顶部或左侧。

当一个元素被设置为position:relative时，它的位置会发生改变，但是并不会影响其他元素的位置。此时，如果我们通过top、bottom、left、right等属性来控制这个元素的位置，那么它将会基于原本的位置进行移动。

示例代码：

<div style="position:relative; top: 20px; left: 30px;">
    这是一个相对定位的元素
</div>

上面的代码中，div元素被设置为position:relative，然后通过top和left属性将其向下移动20px，向右移动30px。

需要注意的是，当使用position:relative时，元素仍占据原本的空间，因此它的位置改变并不会影响其他元素的布局。