CSS 定位佈局

CSS 定位佈局模組定義了 CSS 中可用的基於座標的定位和偏移方案,以及用於在網頁上定位和堆疊元素的屬性。該模組以定義基本定位方法而聞名,包括相對定位、粘性定位、絕對定位和固定定位。它還定義了定位元素的繪製和分層方式,闡明瞭堆疊行為和視覺順序。

定位佈局模組定義了物理、邏輯和簡寫內嵌屬性。邏輯屬性使得在開發時能夠考慮到國際化和響應性。

與所有 CSS 模組一樣,該模組影響並受到其他模組的影響。本模組描述了定位如何與其他佈局模組(例如CSS 彈性盒子佈局CSS 網格佈局)互動。其他模組,例如CSS 錨點定位,則以此模組為基礎,實現元素相對於其他元素和圖層的定位。

參考

屬性

選擇器

詞彙表和術語

指南

理解 z-index

介紹了堆疊上下文的概念,並解釋了 z 軸排序的工作原理,附帶了幾個示例。

不使用 z-index 屬性的堆疊

未顯式使用 z-index 時適用的堆疊規則。

層疊浮動元素

浮動元素在堆疊中的處理方式。

使用 z-index

如何使用 z-index 改變預設堆疊順序。

層疊上下文

CSS 堆疊上下文、建立新堆疊上下文的 CSS 特性以及巢狀堆疊上下文。

學習:定位

不同的定位值及其使用方法。

規範

規範
CSS 定位佈局模組第 3 級
CSS 定位佈局模組第 4 級

另見