詳解Position屬性四個值：static、fixed、relative、absolute的區別和用法

1、static（靜態定位）：預設值。沒有定位，元素出現在正常的文檔流中（如果設定 top, bottom, left, right, z-index這些屬性就不起做作了）。

2、relative（相對定位）：產生相對定位的元素，通過top,bottom,left,right的設定相對於其原本位置進行定位。可通過z-index進行層次分級。　　

3、absolute（絕對位置）：產生絕對位置的元素，相對於第一個含有定位的（除static 定位的）父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行設定。也可通過z-index進行層次分級。

4、fixed（固定定位）：產生絕對位置的元素，相對於瀏覽器視窗進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行設定。也可通過z-index進行層次分級。

z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。即屬性值大的堆疊在屬性值小的元素上面，不過前提條件是同級元素（注釋：Z-index 僅能在定位元素上奏效，元素可擁有負的 z-index 屬性值。）