在DW中，我們可以使用CSS來控制網(wǎng)頁(yè)元素的定位。CSS中的定位分為相對(duì)定位、絕對(duì)定位和固定定位。

/* 相對(duì)定位 */
position: relative;
top: 10px; /* 將元素向上移動(dòng)10像素 */
/* 絕對(duì)定位 */
position: absolute;
top: 50px; /* 距離頁(yè)面頂部50像素 */
left: 100px; /* 距離頁(yè)面左側(cè)100像素 */
/* 固定定位 */
position: fixed;
top: 20px; /* 距離瀏覽器頂部20像素 */
right: 0; /* 距離瀏覽器右側(cè)0像素 */

相對(duì)定位是相對(duì)于元素本身的位置進(jìn)行定位，不會(huì)改變其他元素的位置；而絕對(duì)定位是相對(duì)于離它最近的已定位的父元素的位置進(jìn)行定位，如果沒有定位的父元素，則相對(duì)于頁(yè)面進(jìn)行定位；固定定位是相對(duì)于瀏覽器窗口進(jìn)行定位，不隨頁(yè)面滾動(dòng)而變化。

除了使用top、bottom、left、right屬性進(jìn)行定位，還可以使用margin和padding屬性來控制元素的位置，并為元素定位添加背景圖。

/* 添加背景圖 */
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-position: center;
/* 使用margin和padding */
margin-top: 20px; /* 將元素向下移動(dòng)20像素 */
padding-top: 10px; /* 在元素內(nèi)部向下留出10像素的空白 */

使用CSS進(jìn)行定位能夠更靈活地控制網(wǎng)頁(yè)元素，幫助我們實(shí)現(xiàn)更多樣化、更美觀的頁(yè)面效果。