CSS中的相對定位可以讓我們在不影響其他元素布局的情況下，對某個元素進行平移、旋轉等操作。相對定位的使用非常簡單，只需要在該元素的CSS樣式中添加position: relative;即可。

.box {
position: relative;
}

在使用相對定位后，我們可以通過top、right、bottom、left這四個屬性來指定元素相對于其正常位置的偏移量。例如：

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

上面的例子中，.box元素相對于其正常位置向下偏移20像素，向右偏移10像素。

需要注意的是，相對定位不會改變元素本身的大小和形狀，僅僅是改變了其位置。而如果使用絕對定位，可能會改變元素的大小和形狀，因為絕對定位的元素會脫離文檔流。

在使用相對定位時，還可以通過z-index屬性來控制元素的層疊順序。層疊順序越高的元素會顯示在層疊順序低的元素上方。例如：

.box1 {
position: relative;
z-index: 2;
}
.box2 {
position: relative;
z-index: 1;
}

上面的例子中，.box1元素的層疊順序高于.box2元素，因此.box1元素會顯示在.box2元素上方。

總的來說，相對定位是CSS中常用的一種定位方式，它可以讓我們輕松地實現元素的位置偏移和層疊順序控制。