CSS 定位布局

CSS 定位布局模块定义了如何在网页上定位元素。

参考

属性

• top
• right
• bottom
• left
• inset
• inset-inline
• inset-inline-start
• inset-inline-end
• inset-block
• inset-block-start
• inset-block-end
• position
• z-index
• overlay

选择器

• ::backdrop

指南

理解 z-index

阐述了层叠上下文的概念,并通过多个示例说明 z 轴排序的工作原理。

层叠时不使用 z-index 属性

未使用 z-index 时的层叠规则。

层叠浮动元素

浮动元素的层叠处理方式。

使用 z-index

如何使用 z-index 修改默认层叠顺序。

层叠上下文

CSS 层叠上下文(包括创建新层叠上下文的 CSS 特性及嵌套层叠上下文)。

相关概念

• float
• clear
• transform

规范