在Web開發中，使用div元素布局頁面是非常常見的一種做法。而div元素的定位則是其中非常重要的一環，它可以使我們對頁面元素進行高度的自由布局。在這篇文章中，我將為大家講解javascript div定位的技巧以及代碼實現。
元素的定位主要有三種方式——相對定位、絕對定位和固定定位。
相對定位
元素的相對定位是相對于元素所在的正常位置進行定位的。相對定位是比較容易掌握的定位方式，常用的屬性為top、left、bottom和right。
例如，我們有一個
元素，它的初始位置是在頁面左上角，然后我們對其進行以下定位：
定位的內容元素向下移動50px，向右移動100px。這樣，便實現了對其中內容的相對定位。
絕對定位
與相對定位相對的是絕對定位，它是相對于元素祖先元素（通常是一個定位元素）來進行定位的。絕對定位是很常見的一種方式，我們可以利用它來將一個元素放在頁面的任意位置上。
假設我們有一個結構如下的HTML代碼：
.box {
position:absolute;
top: 50px;
left: 100px;
}