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 移动。

请注意，相对定位不会改变页面布局，因此元素在移动时，其他元素不会发生变化。这使得相对定位非常适合对局部进行微小的调整，而不需要重新布局整个页面。