在網頁設計中，div是常用的元素之一，可以實現盒模型布局，以及更加靈活的樣式設計。在div中，我們可以通過CSS來控制其位置、大小以及樣式等屬性，從而實現自己想要的頁面效果。

在CSS中，通過使用position屬性，我們可以控制div的定位方式。其中，最為常用的是relative和absolute兩種方式。

div{
position: relative;
left: 50px;
top: 50px;
}

在上述代碼中，我們首先設置了div的定位方式為relative，也就是相對于其原本的位置進行移動。隨后，通過設置left和top屬性，我們分別向右和向下移動了50px。

div{
position: absolute;
left: 0;
top: 0;
}

而如果我們需要將div的位置設置為相對于其父元素進行定位，則可以使用absolute方式。在上面的代碼中，我們將div的位置設置在了其父元素的左上角。

除了使用left和top來控制div的移動，我們還可以使用CSS的transform屬性。通過該屬性，我們可以對元素進行旋轉、縮放、傾斜以及平移等操作。

div{
transform: translate(50px, 50px);
}

在以上代碼中，我們使用了translate函數來實現平移操作。該函數需要兩個參數，分別代表水平和垂直方向的移動距離。

總之，在使用div進行頁面設計時，我們可以通過CSS來控制其移動位置，以及實現更為絢麗的頁面效果。只需靈活運用CSS屬性，我們就可以打造出屬于自己的獨特頁面。