position有五種取值
-
static:無特殊定位,小透明媒殉,都快忘了它了
- 即是正常的文檔流担敌,不設置position默認就是它。
-
relative:相對定位的父親
- 如果僅僅是
position:relative
廷蓉,它的表現(xiàn)同static一樣全封。 - 需要加top,bottom,left,right使其偏離正常位置。
- 注意:relative不會使元素脫離文檔流桃犬。即是說刹悴,其他元素不會因為它(relative的元素)的改變而改變。
- 如果僅僅是
-
fixed:下拉滾動條疫萤,它還在那里
- 相對于瀏覽器可視窗口來定位颂跨,如我們要讓上方導航欄不論風吹雨打(上下滾動)一直顯示敢伸,就要給它設置
position:fixed
- 相對于瀏覽器可視窗口來定位颂跨,如我們要讓上方導航欄不論風吹雨打(上下滾動)一直顯示敢伸,就要給它設置
fixed會使元素脫離文檔流扯饶。
absolute:絕對定位,我想在哪里在哪里
如果有relative池颈,則絕對定位以relative的元素為爸爸尾序,否則按照body定位。
脫離文檔流躯砰,原來的空間會被下面的文檔流元素占掉C勘摇!
inherit:其實就是繼承父級元素的position屬性琢歇。