CSS 定位布局
CSS 定位布局模块定义了 CSS 中可用的基于坐标的定位和偏移方案,以及用于在网页上定位和堆叠元素的属性。该模块以定义基本定位方法而闻名,包括相对定位、粘性定位、绝对定位和固定定位。它还定义了定位元素的绘制和分层方式,阐明了堆叠行为和视觉顺序。
定位布局模块定义了物理、逻辑和简写内嵌属性。逻辑属性使得在开发时能够考虑到国际化和响应性。
与所有 CSS 模块一样,该模块影响并受到其他模块的影响。本模块描述了定位如何与其他布局模块(例如CSS 弹性盒子布局和CSS 网格布局)交互。其他模块,例如CSS 锚点定位,则以此模块为基础,实现元素相对于其他元素和图层的定位。
参考
属性
选择器
词汇表和术语
指南
- 理解 z-index
-
介绍了堆叠上下文的概念,并解释了 z 轴排序的工作原理,附带了几个示例。
- 不使用
z-index属性的堆叠 -
未显式使用
z-index时适用的堆叠规则。 - 层叠浮动元素
-
浮动元素在堆叠中的处理方式。
- 使用
z-index -
如何使用
z-index改变默认堆叠顺序。 - 层叠上下文
-
CSS 堆叠上下文、创建新堆叠上下文的 CSS 特性以及嵌套堆叠上下文。
- 学习:定位
-
不同的定位值及其使用方法。
相关概念
规范
| 规范 |
|---|
| CSS 定位布局模块第 3 级 |
| CSS 定位布局模块第 4 级 |