在 css中, position 屬性有四個值可用: static(默認值)、absolute、relative、fixed汹来。
relative:相對定位(相對于自身進行在常規(guī)流中的位置進行定位,保留自身原始的位置)
absolute:
1改艇、相對于自身的包含塊定位收班;
2、尋找包含塊的規(guī)則:從自身網(wǎng)上尋找祖先元素谒兄,尋找到的第一個position為非static修飾的祖先元素的內(nèi)邊距邊界 就是當前絕對定位元素的包含塊摔桦;如果沒有的話,則相對于 html進行定位承疲;
3邻耕、完全脫離文檔流;
4燕鸽、display的取值類似于inline-block兄世;
5、不縮短行框
fixed:
完全脫離文檔流啊研,和 absolute 的唯一的區(qū)別就在于:absolute元素是根據(jù)最近的定位上下文確定位置御滩,而fixed永遠根據(jù)瀏覽器確定位置。即使窗口是滾動的它也不會移動
說到 position党远,就要再說一下 [Z-index] (垂直定位)
Z-index 默認值為0削解;這種情況下,后者會覆蓋前者沟娱,需要改變元素之間層級關(guān)系的話钠绍,就要通過改變 Z-index 值來實現(xiàn)了,Z-index值越大優(yōu)先級就越高花沉。
文章轉(zhuǎn)自http://www.cnblogs.com/kcsjm/p/7440084.html