在 css中, position 屬性有四個值可用: static(默認(rèn)值)、absolute、relative、fixed。

relative:相對定位(相對于自身進(jìn)行在常規(guī)流中的位置進(jìn)行定位，保留自身原始的位置)

absolute:

1、相對于自身的包含塊定位；

2、尋找包含塊的規(guī)則：從自身網(wǎng)上尋找祖先元素，尋找到的第一個position為非static修飾的祖先元素的內(nèi)邊距邊界 就是當(dāng)前絕對定位元素的包含塊；如果沒有的話，則相對于 html進(jìn)行定位；

3、完全脫離文檔流；

4、display的取值類似于inline-block；

5、不縮短行框

fixed:

完全脫離文檔流，和 absolute 的唯一的區(qū)別就在于：absolute元素是根據(jù)最近的定位上下文確定位置，而fixed永遠(yuǎn)根據(jù)瀏覽器確定位置。即使窗口是滾動的它也不會移動

說到 position，就要再說一下 [Z-index] (垂直定位)

Z-index 默認(rèn)值為0；這種情況下，后者會覆蓋前者，需要改變元素之間層級關(guān)系的話，就要通過改變 Z-index 值來實現(xiàn)了，Z-index值越大優(yōu)先級就越高。

文章轉(zhuǎn)自http://www.cnblogs.com/kcsjm/p/7440084.html