CSS中的定位是一種非常實用的技術，相對定位是其中一種類型。相對定位可以改變某個HTML元素原本在文檔流中的位置，而不影響其他元素的位置，且不影響布局。下面是相對定位的源代碼：

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

以上代碼中，我們使用了.class命名的樣式選擇器，其中“relative”是我們給元素添加的類名。接下來的“position: relative”聲明告訴瀏覽器讓此元素使用相對定位。當然，你需要特別注意的是，這個定位是相對于元素在原始文檔流中的位置，而不是相對于屏幕或瀏覽器窗口。

最后，我們使用“left”和“top”屬性來指定元素向左或向上移動多少像素。例如，這里我們讓元素相對于原位置向右偏移了20像素，向下偏移了10像素。

當我們在瀏覽器中打開上述CSS代碼的HTML頁面時，就可以看到“relative”樣式類的元素被移動了。這種相對定位可以幫助我們快速地在不改變布局的情況下，調整元素位置，使得頁面看起來更加美觀。如果您想要更好地理解CSS相對定位，嘗試自己手動調整一下上述代碼中的數值，并觀察元素位置的變化吧！