相對位移是CSS中一種重要的布局方式，它可以讓元素在不脫離文檔流的情況下移動(dòng)位置。使用相對位移，我們可以通過改變元素的top、bottom、left、right值來控制其位置，下面是使用CSS代碼實(shí)現(xiàn)相對位移的方法：

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

上面的代碼中，我們首先將元素的position設(shè)置為relative，這是使用相對位移的前提。然后我們通過top和left屬性來改變元素的位置，這里的10px和20px表示相對于原來位置上移動(dòng)了10像素，左移動(dòng)了20像素。

除了top和left屬性，我們還可以使用bottom和right屬性來實(shí)現(xiàn)相對位移：

.relative {
position: relative;
bottom: 10px;
right: 20px;
}

上面的代碼中，我們將元素向下移動(dòng)了10像素，向右移動(dòng)了20像素。需要注意的是，使用bottom和right屬性時(shí)，數(shù)值的含義與使用top和left屬性時(shí)是相反的。也就是說，bottom:10px表示元素的底部向上移動(dòng)10像素。

相對位移還有一個(gè)重要的特點(diǎn)，就是它不會影響其他元素的布局。也就是說，即使我們將一個(gè)元素的位置移動(dòng)了，其他元素的位置和大小也不會改變，這對于網(wǎng)頁布局來說非常重要。