JavaScript 相對位置，也稱為相對定位，是在網頁制作中非常重要的一項技術，它的作用是調整一個元素相對于其他元素在頁面上的位置。

相對位置可以通過CSS樣式表來實現，也可以用JavaScript來動態調整元素的位置。比如：

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

上述CSS代碼告訴瀏覽器，將.box元素向左移動20像素，向上移動20像素。同樣地，我們可以使用JavaScript代碼實現相對位置的調整。

var box = document.getElementById('box');
var left = parseInt(box.style.left);
var top = parseInt(box.style.top);
box.style.left = (left + 20) + 'px';
box.style.top = (top + 20) + 'px';

上述JavaScript代碼可以在.box元素的左邊和上面添加20像素的空白。這里使用了parseInt函數將.box元素的left和top屬性從字符串轉換為數字。

相對位置的另一個重要應用是在響應式設計中，當網頁內的元素大小發生改變時，使用相對位置可以避免頁面布局發生混亂。以下是一個響應式布局的例子：

@media screen and (max-width: 900px) {
.box { 
position:relative;
left:0;
top: 50px;
}
}
@media screen and (max-width: 600px) {
.box { 
position:relative;
left:0;
top: 100px;
}
}

上述CSS代碼指示瀏覽器在網頁寬度小于900像素時將.box元素從其原始位置向下移動50像素，在網頁寬度小于600像素時將.box元素向下移動100像素。這樣一來，無論用戶使用什么設備瀏覽網頁，.box元素始終保持著正確的位置，并在設備寬度改變時做出相應的調整。

總之，相對位置是網頁制作中非常重要的一項技術，可以幫助我們通過CSS和JavaScript代碼來精確地控制頁面上元素的位置。熟練掌握相對位置，可以幫助我們實現各種各樣的網頁效果。