CSS 中的 relative 屬性表示元素相對于自身原來的位置進行移動。它可以通過以下方式來使用:

假設有一下代碼:
<div class='box'>
<h1>這是一個標題</h1>
<p>這是一個段落</p>
</div>
.box {
position: relative;
left: 50px;
top: 20px;
border: 1px solid black;
}

在這段代碼中，.box 的位置被設置為 relative，然后通過 left 和 top 屬性，將其向右移動 50px，向下移動 20px。這意味著 .box 內的所有內容也會被移動。

如果你想讓一個元素跟隨著另一個元素移動，那么使用 sibling 元素就可以了。例如，在上面的例子中，如果你想讓標題和段落一起移動，但不影響其他元素，你可以這樣做:

.box h1,
.box p {
position: relative;
left: -50px;
top: -20px;
}

在這個例子中，我們選擇了所有 .box 中的標題和段落，并使用相對定位將它們移動了回來，從而實現了它們跟隨著 .box 移動。

請注意，相對定位不會改變頁面布局，因此元素在移動時，其他元素不會發生變化。這使得相對定位非常適合對局部進行微小的調整，而不需要重新布局整個頁面。