1、static（靜態定位）：
預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 宣告）。參考上篇隨筆。
2、relative（相對定位）：
定位為relative的元素脫離正常的文件流，但其在文件流中的位置依然存在，只是視覺上相對原來的位置有移動。
通過top,bottom,left,right的設定相對於其正常（原先本身）位置進行定位。可通過z-index進行層次分級 。
他是預設參照父級的原始點為原始點（父級不是必須設定position屬性），無論父級存在不存在，無論有沒有trbl，均是以父級的左上角進行定位，但是父級的padding屬性會對其影響。
無父級則以文字流的順序在上乙個元素的底部為原始點
3、absolute（絕對定位）：生成絕對定位的元素，相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 「left」, 「top」, 「right」 以及 「bottom」 屬性進行規定。可通過z-index進行層次分級。
定位為absolute的層脫離正常文件流，但與relative的區別是其在正常流中的位置不再存在。
這個屬性總是有人給出誤導。說當position屬性設為absolute後，總是按照瀏覽器視窗來進行定位的，這其實是錯誤的。實際上，這是fixed屬性的特點。
1，如果沒有trbl(top、right、bottom、left)，以父級的左上角，在沒有父級的時候，參照瀏覽器左上角。
2，如果設定trbl，並且父級沒有設定position屬性（position:static;不算設定了屬性），那麼當前的absolute則以瀏覽器左上角為原始點進行定位，位置將由trbl決定。
3，如果設定trbl，並且父級設定position屬性(無論是absolute還是relative)，則以父級的左上角為原點進行定位，位置由 trbl決定。即使父級有padding屬性，對其也不起作用。
4、fixed（固定定位）：生成絕對定位的元素，相對於瀏覽器視窗進行定位。元素的位置通過 「left」, 「top」, 「right」 以及 「bottom」 屬性進行規定。可通過z-index進行層次分級。
1、如果沒有trbl(top、right、bottom、left)，預設參照父級的原始點為原始點（父級不是必須設定position屬性）。
2、如果設定trbl，相對於瀏覽器視窗進行定位。
z-index屬性
z-index，又稱為物件的層疊順序，它用乙個整數來定義堆疊的層次，整數值越大，則被層疊在越上面，當然這是指同級元素間的堆疊，如果兩個物件的此屬 性具有同樣的值，那麼將依據它們在html文件中流的順序層疊，寫在後面的將會覆蓋前面的。需要注意的是，父子關係是無法用z-index來設定上下關係 的，一定是子級在上父級在下。
note：使用static 定位或無position定位的元素z-index屬性是無效的。
css的四種定位方式的概念記
保持對 的熱愛並保持懷疑態度 定位的屬性是position 預設值 static 為沒有定位 定位有4種 絕對定位 absolute 相對行為 relative 固定定位 粘性定位 層級關係 z index 可設定負值，值必須是整數 4個是移動的方向 left,right,top,bottom 1個...
CSS中的四種定位
簡介 偏移量 當元素開啟了定位以後，可以通過偏移量來設定元素的位置 相對定位 定位 positio 簡介 定位是一種更加高階的布局手段,通過定位可以將元素擺放到頁面的任意位置 使用position屬性來設定定位 static 預設值，元素是靜止的沒有開啟定位 relative 開啟元素的相對定位 a...
CSS position 屬性 四種定位方式
static 預設值。沒有定位，元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告 absolute 生成絕對定位的元素，相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 left top right 以及 bottom 屬性進行規...