CSS 定位佈局
CSS 定位佈局模組定義了 CSS 中可用的基於座標的定位和偏移方案,以及用於在網頁上定位和堆疊元素的屬性。該模組以定義基本定位方法而聞名,包括相對定位、粘性定位、絕對定位和固定定位。它還定義了定位元素的繪製和分層方式,闡明瞭堆疊行為和視覺順序。
定位佈局模組定義了物理、邏輯和簡寫內嵌屬性。邏輯屬性使得在開發時能夠考慮到國際化和響應性。
與所有 CSS 模組一樣,該模組影響並受到其他模組的影響。本模組描述了定位如何與其他佈局模組(例如CSS 彈性盒子佈局和CSS 網格佈局)互動。其他模組,例如CSS 錨點定位,則以此模組為基礎,實現元素相對於其他元素和圖層的定位。
參考
屬性
選擇器
詞彙表和術語
指南
- 理解 z-index
-
介紹了堆疊上下文的概念,並解釋了 z 軸排序的工作原理,附帶了幾個示例。
- 不使用
z-index屬性的堆疊 -
未顯式使用
z-index時適用的堆疊規則。 - 層疊浮動元素
-
浮動元素在堆疊中的處理方式。
- 使用
z-index -
如何使用
z-index改變預設堆疊順序。 - 層疊上下文
-
CSS 堆疊上下文、建立新堆疊上下文的 CSS 特性以及巢狀堆疊上下文。
- 學習:定位
-
不同的定位值及其使用方法。
相關概念
規範
| 規範 |
|---|
| CSS 定位佈局模組第 3 級 |
| CSS 定位佈局模組第 4 級 |