CSS 定位布局

CSS 定位布局模块定义了 CSS 中可用的基于坐标的定位和偏移方案,以及用于在网页上定位和堆叠元素的属性。该模块以定义基本定位方法而闻名,包括相对定位、粘性定位、绝对定位和固定定位。它还定义了定位元素的绘制和分层方式,阐明了堆叠行为和视觉顺序。

定位布局模块定义了物理、逻辑和简写内嵌属性。逻辑属性使得在开发时能够考虑到国际化和响应性。

与所有 CSS 模块一样,该模块影响并受到其他模块的影响。本模块描述了定位如何与其他布局模块(例如CSS 弹性盒子布局CSS 网格布局)交互。其他模块,例如CSS 锚点定位,则以此模块为基础,实现元素相对于其他元素和图层的定位。

参考

属性

选择器

词汇表和术语

指南

理解 z-index

介绍了堆叠上下文的概念,并解释了 z 轴排序的工作原理,附带了几个示例。

不使用 z-index 属性的堆叠

未显式使用 z-index 时适用的堆叠规则。

层叠浮动元素

浮动元素在堆叠中的处理方式。

使用 z-index

如何使用 z-index 改变默认堆叠顺序。

层叠上下文

CSS 堆叠上下文、创建新堆叠上下文的 CSS 特性以及嵌套堆叠上下文。

学习:定位

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

规范

规范
CSS 定位布局模块第 3 级
CSS 定位布局模块第 4 级

另见