CSS中position的absolute和relative的應用–轉載http://www.awflasher.com/blog/archives/731

預設的屬性值都是static，靜態。就不用多說了。最關鍵的是
relative（相對）以及absolute（絕對）。
往往我們如果是COPY別人的代碼，會把absolute屬性與left、top配合起來製作相關的“懸浮層”效果。然而有時候我們需要針對某一個容器的懸浮效果，而不是針對視窗的。這時候通過高度、寬度的計算不但麻煩，而且幾乎無法完美實現效果。我一開始也無能為力，後來發現只要把其上一級的樣式屬性position設定為relative就可以了。

也就是說，position的屬性值的效果，直接受其容器樣式中position屬性值影響。
例如如下A-B的嵌套結構

<div id="A">
 <div id="B">
 </div>
</div>

當A的position為relative時，B的position為absolute才有效。這時候left:0、top:0就不再針對視窗文檔，而是針對id為A的這個div了。

這樣在開發一些基於B/S應用程式的時候，就能很方便的添加一些UI元素，例如某一個活動層的關閉按鈕等。