1、
static（靜態定位）：預設值。沒有定位，元素出現在正常的流中（忽略
top, bottom, left, right
或者 z-index
宣告）。
2、
fixed（固定定位）：生成絕對定位的元素，
相對於瀏覽器視窗進行定位
。元素的位置通過 "left", "top", "right" 以及
"bottom"
屬性進行規定。可通過
z-index
進行層次分級。
3、
relative（相對定位）：生成相對定位的元素，通過
top,bottom,left,right
的設定相對於其正常（原先本身）位置進行定位。可通過
z-index
進行層次分級。
4、
absolute（絕對定位）：生成絕對定位的元素，相對於
static
定位以外的第乙個父元素進行定位。元素的位置通過
"left", "top", "right"
以及 "bottom"
屬性進行規定。可通過
z-index
進行層次分級。
static與
fixed
的定位方式較好理解，在此不做分析。下面對應用的較多的
relative
和absolute
進行分析：
1、
relative
定位為relative的元素脫離正常的文字流中，但
其在文字流中的位置依然存在
。2、
absolute
定位為absolute的層脫離正常文字流，但與relative的區別是其在正常流中的位置不再存在
。（1）
在沒有父級的時候，他是參照瀏覽器左上角.
（2）有父級，
但沒有設定position屬性，那麼當前的absolute則以瀏覽器左上角為原始點進行定位，位置將由trbl決定。
（3）父級設定position屬性(無論是absolute還是relative)，則以父級的左上角為原點進行定位，位置由 trbl決定。即使父級有padding屬性，對其也不起作用，說簡單點就是：它只堅持一點，就以父級左上角為原點進行定位，父級的padding對其根 本沒有影響。
總結：
屬性為relative的元素可以用來布局頁面，屬性為absolute的元素用來定位某元素在父級中的位置。
只有三種情況會使得元素脫離文件流，分別是：浮動絕對定位和相對定位。
z-index屬性
z-index，又稱為物件的層疊順序，它用乙個整數來定義堆疊的層次，整數值越大，則被層疊在越上面，當然這是指同級元素間的堆疊，如果兩個物件的此屬 性具有同樣的值，那麼將依據它們在html文件中流的順序層疊，寫在後面的將會覆蓋前面的。需要注意的是，父子關係是無法用z-index來設定上下關係 的，一定是子級在上父級在下。
note：
使用static 定位或無position定位的元素z-index屬性是無效的。
前端定位Position屬性四個值
1 static 靜態定位 預設值。沒有定位，元素出現在正常的流中。2 relative 相對定位 生成相對定位的元素，通過top,bottom,left,right的設定相對於其正常 原先本身 位置進行定位。可通過z index進行層次分級。3 absolute 絕對定位 生成絕對定位的元素，相對...
CSS中position屬性的四個值
詳見 先看下各個屬性值的定義 1 static 靜態定位 預設值。沒有定位，元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告 2 relative 相對定位 生成相對定位的元素，通過top,bottom,left,right的設定相對於其正常 原先本...
position屬性的四個value
as we all know,position屬性有四個值，分別為 relative,fixed,absolute,static.1，relative相對定位 不會脫離文件流 在乙個相對定位 position屬性的值為relative 的元素上設定 top right bottom 和 left 屬...