網(wǎng)站建設(shè)是指使用標(biāo)識語言（markup language)，通過一系列設(shè)計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網(wǎng)頁設(shè)計的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標(biāo)示語言、可擴(kuò)展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。    通過前三篇文章的講解，現(xiàn)在我們已經(jīng)可以實現(xiàn)一個基本的菜單了。這一章，我們來討論一下定位的問題。

　　在前幾章講的例子中，定位都是相對于整個網(wǎng)頁的左上角。在有一些時候，我們可能需要它相對于網(wǎng)頁中某個元素定位，這樣做在某些時候是非常有必要的，比如不會出現(xiàn)那種因窗口大小的改變而致使菜單與網(wǎng)頁中的一些元素的相對位置發(fā)生變化。在第一章的最初，筆者所給的例子中就是這樣做的。

　　在那里我們很方便把就把這個菜單插入到了網(wǎng)頁中，而菜單不會相對菜單按鈕的位置發(fā)生變化。下面我們就看看如何來實現(xiàn)。

　　在第一章，我們講過position，當(dāng)它取值absolute的時候，即絕對定位。既然是定位，就要有參照物。一般來講，這個定位的參照物是body（即整個網(wǎng)頁）的左上角，但如果其父級元素中有設(shè)置了position:absolute的元素，那么它的參照物就是該元素。知道了這樣一個特性，我們就可以很容易的來實現(xiàn)了。

　　另外，有一點在這里必須要著重說明一下，前面同時也講過，當(dāng)position的值為relative時，就是相對定位，為什么不用它來實現(xiàn)呢？我們必須要正確理解這里所謂的相對定位：它是指相對于原來在HTML中的位置所發(fā)生的偏移，而它仍占據(jù)原來在HTML中所占據(jù)的位置。而我們現(xiàn)在的菜單需要“懸浮”在網(wǎng)頁元素之上，而這只有當(dāng)position設(shè)為absolute時才可以做到。

　　通過上面的講述，我們應(yīng)該可以大致的了解其實現(xiàn)的原理了。下面就看看剛才在上面看到的那個菜單的代碼（注意里面的注釋會幫你加深理解）。

-------------------------------------------------------------------------------