上一篇文章為:→1.2.8浮動
定位
關(guān)于定位
我們可以使用css的position屬性來設(shè)置元素的定位類型，postion的設(shè)置項如下：
- relative 生成相對定位元素讲逛，元素所占據(jù)的文檔流的位置不變掂之，元素本身相對文檔流的位置進(jìn)行偏移
- absolute 生成絕對定位元素，元素脫離文檔流炉抒，不占據(jù)文檔流的位置奢讨，可以理解為漂浮在文檔流的上方，相對于上一個設(shè)置了相對或者絕對或者固定定位的父級元素來進(jìn)行定位焰薄，如果找不到拿诸，則相對于body元素進(jìn)行定位。
- fixed 生成固定定位元素塞茅，元素脫離文檔流亩码，不占據(jù)文檔流的位置，可以理解為漂浮在文檔流的上方野瘦，相對于瀏覽器窗口進(jìn)行定位描沟。
- static 默認(rèn)值，沒有定位鞭光，元素出現(xiàn)在正常的文檔流中吏廉，相當(dāng)于取消定位屬性或者不設(shè)置定位屬性
- inherit 從父元素繼承 position 屬性的值
定位元素特性
絕對定位和固定定位的塊元素和行內(nèi)元素會自動轉(zhuǎn)化為行內(nèi)塊元素
定位元素層級
定位元素是浮動的正常的文檔流之上的，可以用z-index屬性來設(shè)置元素的層級
典型定位布局
1惰许、固定在頂部的菜單
2席覆、水平垂直居中的彈框
3、固定的側(cè)邊的工具欄
4啡省、固定在底部的按鈕
