position的取值：static(靜態定位)、relative（相對定位）、absolute(絕對定位)、fixed（固定定位）。
其中static和fixed比較好理解：static是position的預設值，沒有定位，元素出現在正常的的流中（忽略top、bottom、left、right、z-index宣告）；fixed是相對於進行定位，元素的位置通過left、right、top、bottom進行規定，可通過z-index進行層次分級
relative：定位為relative的元素仍然保留在正常的文字流中，當trbl為數值時，是相對元素自身進行定位的，且它的定位不會影響周圍元素的布局。當trbl為百分比時，是相對於包塊進行計算的。同時設定對立方向的定位值時，只有乙個方向會起作用。如left和right同時使用，left生效，right沒有用。
absolute:定位為absolute的元素脫離正常的文字流，也就是在正常流中的位置不存在。如果沒有祖先元素設定position屬性，則當前absolute元素以進行定位，否則以最近的position不為static的祖先元素進行定位【如果該祖先為純inline元素，則包含塊的位置為該內聯元素前後各生成乙個寬度為零的內聯盒子，由這兩盒子的paddingbox外的包含盒為內聯元素的包含盒】，位置由trbl決定，包含塊由祖先的paddingbox邊界形成。
注意：若想把乙個定位屬性為absolute的元素定位於其父級元素內，只有滿足兩個條件：
第一：設定trbl
第二：父級設定position屬性
relative和absolute的區別
（1）在正常流中的位置是否存在【relative存在，absolute不存在】
（2）relative定位，如果lfbt為數值，則相對自身定位，如果為百分比，則相對父元素進行定位，
而absolute定位的層是相對其最近的定義為absolute或relative的父層（可能不是直接父元素）
如果其父層都未定義absolute或relative，則相對html進行定位。
什麼是文件流？
將窗體自上而下分成一行行, 並在每行中按從左至右的順序排放元素,即為文件流。
只有三種情況會使得元素脫離文件流，分別是：浮動絕對定位和相對定位。
z-index屬性
注意：使用static 定位或無position定位的元素z-index屬性是無效的。
Position屬性四個取值用法和區別
static relative absolute fixed relative和absolute的區別 z index屬性 position屬性有以下四個取值 static 靜態定位，是position屬性的預設值，表示無論怎麼設定top bottom right left屬性元素的位置 與外部位置...
position 屬性的常用的5種取值
日期 2020 年 6 月 22 日前言 說到 css 的 position 屬性，大家都知道也都用過，但是要說它有幾個取值以及這些值的不同，可能有部分同學會啞口無言，畢竟這不影響日常開發 手動狗頭 身為一名有夢想的程式設計師，我們應該秉承刨根問底的鑽研精神，不能淺嘗輒止 不求甚解，萬丈高樓平地起，...
offset和position的區別
使用jquery獲取元素位置時，我們會使用position 或offset 方法，兩個方法都返回乙個包含兩個屬性的物件 左邊距和上邊距，它們兩個的不同點在於位置的相對點不同。可以看看下邊的圖 從圖中我們可以大體看出兩者的區別。position 獲取相對於它最近的具有相對位置 position rel...