CSS相對定位是CSS定位屬性中的一種，在網頁布局中使用廣泛。相對定位是基于當前元素在正常文本流中的位置移動元素，而不會影響其他元素的位置。

要使用相對定位，首先需要在CSS中選擇需要定位的元素。接著，在CSS中設置相對定位的屬性以及移動的距離值。

相對定位有兩個重要的屬性，分別是：position和top/left/right/bottom。

position屬性指定元素的定位類型，用于指定元素是相對于父元素還是相對于整個文檔進行定位。position屬性有以下幾個取值：

position: static; /*默認值，不會在頁面中定位元素*/
position: relative; /*在頁面中相對定位元素*/
position: absolute; /*在頁面中絕對定位元素，相對于最近的設置了定位屬性的祖先元素*/
position: fixed; /*在頁面中固定定位元素，相對于瀏覽器窗口*/

而top/left/right/bottom是用于設置元素相對于其正常文本流中的位置移動的距離值。例如：

.relative {
position: relative;
top: 20px;
left: 50px;
}

代碼中，選擇了一個class為relative的元素，并使用position: relative;設置了相對定位屬性。接著使用top和left屬性分別向下移動了20像素和向右移動了50像素。

總的來說，相對定位是一種非常有用的工具，可以讓我們精確控制元素在網頁上的位置，使得網頁布局更加靈活且具有彈性。