定位 (Positioning)

控制元素在文档中的放置方式。

position 属性决定元素是参与正常布局流程,还是从流程中移除并手动定位。

取值

值描述
Relative默认值。元素保持在文档流中。inset 偏移量在视觉上移动它,但它仍在原位置占据空间。
Absolute元素从流中移除。由直接父布局容器定位;在 Grid 中还可通过网格线限定定位区域。

绑定没有 CSS 的 position: static:默认的 Relative 父节点也能作为绝对定位子节点的参照。普通绝对定位使用父 padding box,不会跳过默认定位的父节点去寻找更高层祖先。

示例

Loading Preview…

典型用途

  • 覆盖层和弹出框
  • 堆叠式 UI
  • 自定义拖拽层

后续步骤

© 2026 ByteLand Technology Limited