CSS是網頁設計中不可或缺的一部分，而相對定位也是CSS中一個重要的概念之一。

相對定位是在元素當前位置的基礎上移動它的位置，移動的方式是通過設置它的定位屬性為relative，然后使用top、right、bottom和left屬性來調整元素的位置。

/*將id為box的元素相對于當前位置向下移動10px*/
#box{
position: relative;
top: 10px;
}

值得注意的是，相對定位不影響其他元素的位置，只是相對于當前位置移動元素自身的顯示位置。

另外，相對定位雖然能夠改變元素的位置，但它并不會脫離文檔流。例如，如果我們給一個相對定位的元素設置z-index屬性，它就會在其他元素之上，但其他元素不會被它遮擋。

/*將id為box的元素向上移動10px，同時讓它在其他元素的上層*/
#box{
position: relative;
top: -10px;
z-index: 10;
}

綜上所述，相對定位是一種CSS中非常實用的定位方式，它可以在不影響其他元素位置的基礎上改變元素的位置，同時其不脫離文檔流的特性也讓它更為靈活。