定位 (Positioning)
控制元素在文档中的放置方式。
position 属性决定元素是参与正常布局流程,还是从流程中移除并手动定位。
取值
| 值 | 描述 |
|---|---|
Relative | 默认值。元素保持在文档流中。inset 偏移量在视觉上移动它,但它仍在原位置占据空间。 |
Absolute | 元素从流中移除。由直接父布局容器定位;在 Grid 中还可通过网格线限定定位区域。 |
绑定没有 CSS 的 position: static:默认的 Relative 父节点也能作为绝对定位子节点的参照。普通绝对定位使用父 padding box,不会跳过默认定位的父节点去寻找更高层祖先。
示例
Loading Preview…
典型用途
- 覆盖层和弹出框
- 堆叠式 UI
- 自定义拖拽层