CSS控制DIV絕對位置、相對定位的技巧

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

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

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

　　fixed：產生絕對位置的元素，相對於瀏覽器視窗進行定位。

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

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

　　代碼應該這樣寫：

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

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