primary-menuarea灰框 設定成 position: relative;是重要的關鍵技術, 提供 #navbar 新的定位, #navbar位置計算 , 會以上一代元素(primary-menuarea)的邊緣 計算起, 而不是以瀏覽器視窗開始計算,以後會詳細討論這種 繼承關係

In the example above, we let the li elements {#navbar ul li} float to the left. The li elements will be displayed as inline elements . This forces the list to be on one line. The ul element has a width of 760px and each hyperlink hover area control in {#navbar ul li a}
使用相對定位(primary-menuarea灰框)來 水平置中對齊 margin-right,left: auto。 其上載著#navbar絕對定位。
絕對定位position: absolute屬性就像書。上圖: 書(#navbar)載著書(#navbar ul)一起移動
float 屬性就像島,文字會圍繞它。absolute則否 會覆蓋文字。上面的圖解 如果你仍然 一頭霧水 ,可以先研究下面簡單圖解 用CSS定位 網頁至中對齊，就是不管是1024X768或是800X600或是1280X960的, 它的位置都是在螢幕中間。3D圖解 絕對 相對定位