static 定位
????HTML 元素的默認值宰掉,即沒有定位潜支,遵循正常的文檔流對象牛郑。
fixed 定位
????元素的位置相對于瀏覽器窗口是固定位置张峰。
????即使窗口是滾動的它也不會移動:
????Fixed定位使元素的位置與文檔流無關(guān),因此不占據(jù)空間。
????Fixed定位的元素和其他元素重疊侧但。
relative 定位
????相對定位元素的定位是相對其正常位置。航罗、
????移動相對定位元素禀横,但它原本所占的空間不會改變。
absolute 定位
????絕對定位的元素的位置相對于最近的已定位父元素粥血,如果元素沒有已定位的父元素柏锄,那么它的位置相對于:
????absolute 定位使元素的位置與文檔流無關(guān),因此不占據(jù)空間复亏。
????absolute 定位的元素和其他元素重疊绢彤。
sticky 定位
? ??position: sticky; 基于用戶的滾動位置來定位。
????粘性定位的元素是依賴于用戶的滾動蜓耻,在 position:relative 與 position:fixed 定位之間切換茫舶。
????它的行為就像 position:relative; 而當(dāng)頁面滾動超出目標區(qū)域時,它的表現(xiàn)就像 position:fixed;刹淌,它會固定在目標位置饶氏。
重疊的元素
????元素的定位與文檔流無關(guān)讥耗,所以它們可以覆蓋頁面上的其它元素
????z-index屬性指定了一個元素的堆疊順序(哪個元素應(yīng)該放在前面,或后面)
????一個元素可以有正數(shù)或負數(shù)的堆疊順序: