as we all know, position屬性有四個值，分別為 relative,fixed,absolute, static.
1，relative相對定位 （不會脫離文件流）
在乙個相對定位（position屬性的值為relative）的元素上設定 top 、 right 、 bottom 和 left 屬性會使其偏離其正常位置。其他的元素則不會調整位置來彌補它偏離後剩下的空隙。
2，fixed固定定位
乙個固定定位（position屬性的值為fixed）元素會相對於視窗來定位，這意味著即便頁面滾動，它還是會停留在相同的位置。和 relative 一樣， top 、 right 、 bottom 和 left 屬性都可用。
3，absolute絕對定位（脫離文件流）
absolute 與 fixed 的表現類似，除了它不是相對於視窗而是相對於最近的「positioned」祖先元素。如果絕對定位（position屬性的值為absolute）的元素沒有「positioned」祖先元素，那麼它是相對於文件的 body 元素，並且它會隨著頁面滾動而移動。記住乙個「positioned」元素是指position 值不是 static 的元素。
4，static （靜止的意思）
static 是預設值。任意 position: static; 的元素不會被特殊的定位。乙個 static 元素表示它不會被「positioned」，乙個 position 屬性被設定為其他值的元素表示它會被「positioned」。
參考：
Position屬性四個值
1 static 靜態定位 預設值。沒有定位，元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告 2 fixed 固定定位 生成絕對定位的元素，相對於瀏覽器視窗進行定位 元素的位置通過 left top right 以及 bottom 屬性進行規定。可...
前端定位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的設定相對於其正常 原先本...