當我們在網頁設計中需要對某個區域進行更精確的控制時，就需要使用div元素，并對它的位置進行調整。在JavaScript中，我們可以通過操作div的CSS樣式來控制它的位置。

首先，我們需要了解一些基本的CSS屬性，它們可以影響div的位置。比如，left、top、right、bottom是控制div距離其父元素左側、頂部、右側、底部的距離的屬性。實際上，在CSS中，這四個屬性都是“位置屬性”，它們只有在元素的position屬性設置為absolute、fixed或relative時才會生效。

div {
position: absolute;
left: 100px;
top: 200px;
}

上面的CSS代碼將把div元素的左上角放在其父元素的(100px, 200px)處。如果我們將position屬性改為relative，那么距離的參照系不再是父元素，而是元素原來的位置。

div {
position: relative;
left: 100px;
top: 200px;
}

這樣，div元素的位置就會相對于原來的位置向右移動100像素，向下移動200像素。

除了left、top、right、bottom之外，還有一些其他的位置屬性可以用來控制div的位置。比如margin、padding。其中，margin可以用來控制元素與其周圍元素的距離，而padding則是控制元素內部的空白區域。

div {
margin: 20px;
padding: 10px;
}

上面的CSS代碼將在div元素周圍留出20像素的空白，并且在元素內部留出10像素的空白。

最后，我們需要注意的是，當元素的position屬性為static時，left、top、right、bottom這四個位置屬性不會生效。因此，在使用JavaScript調整div位置時，一定要注意元素的position屬性是否是absolute、fixed或relative。

總結一下，控制div位置的方式主要有四種：left、top、right、bottom四個位置屬性，margin、padding兩個CSS屬性以及改變元素的position屬性。掌握這些方法，我們就可以更加靈活地布局網頁，實現更多的效果。