CSS中的相對定位可以讓元素相對于其正常位置進行移動，簡單來說就是將元素相對于自己原先應該在的位置進行調整。相對定位并不會影響其他元素的位置，也不會改變元素本身的大小。

.box {
position: relative;
left: 20px;
top: -10px;
}

在上面的代碼中，我們將.box元素的position屬性設為relative，這樣我們才能使用left和top屬性進行相對定位。接著，我們設置left為20px，top為-10px，這樣.box元素就會相對于原先應該在的位置，向右移動20px，向上移動10px。

除了left和top屬性外，CSS的相對定位還支持right和bottom屬性，它們可以讓元素相對于父元素的邊緣進行移動。例如，如果我們將left屬性設為auto，將right屬性設為20px，則.box元素就會相對于其父元素的右邊緣向左移動20px。

.box {
position: relative;
right: 20px;
bottom: 30px;
}

上面的代碼中，我們將.box元素的position屬性設為relative，然后設置right為20px，bottom為30px，這樣.box元素就會相對于其父元素的右邊緣向左移動20px，相對于父元素的底部邊緣向上移動30px。

需要注意的是，相對定位只是移動元素的位置，而不會改變文檔流。因此，其他元素的位置不會因為相對定位而發生改變。此外，由于相對定位只是相對于元素原本應該在的位置進行調整，因此在移動元素后，元素原本占據的空間依然存在，并不會因此被其他元素占據。