我們在網頁設計中常常會用到position屬性，里面有5個值，分別是：absolute、fixed、relative、static、inherit。

常用到的其實就是absolute和fixed。

absolute：生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。

fixed：生成絕對定位的元素，相對于瀏覽器窗口進行定位。

這兩個值的區別在于，一個是相對于static的父元素定位，一個是相對于瀏覽器窗口定位。

不少朋友在使用absolute的時候發現它“似乎”也是針對瀏覽器窗口定位的，其實是因為沒有設置父元素的static值。

代碼應該這樣寫：

<div id="parent" style="position:static;">
 <div id="son" style="position:absolute; top:0; left:10px;"></div>
</div>

這樣，id為son的div才會相對于id為parent的div進行“絕對定位”。

而fixed就完全不受任何約束了，不過在IE6瀏覽器下是無效的，IE8以后都是可以正常使用的了。