position 定位

定位类型

`static`

`relative`

相对定位元素是在文档中正常位置偏移给定的值。
不影响其他元素布局。
相对于自身位置偏移。

`absolute`

绝对定位元素脱离文档流。
具备行盒特性：宽度由内容决定。
具备块盒特性：支持所有样式，如：width、height。
绝对定位元素相对于最近的“非static”祖先元素定位，但当这样的祖先元素不存在时，则相对于可视区定位。

`fixed`

固定定位元素脱离文档流。
具备行盒特性：宽度由内容决定。
具备块盒特性：支持所有样式，如：width、height。
相对于可视区进行偏移，不受祖先元素影响。

注意

当元素祖先的 transform、perspective、filter 或 backdrop-filter 属性非 none 时，容器由视口改为该祖先。

`sticky`

粘性定位可以被认为是相对定位与固定定位的混合。元素在跨越特定阈值之前为相对定位，之后为固定定位

位置

top、right、bottom、left 来决定该元素的最终位置。

层级

通常后面的定位元素在前一个元素之上，可以通过 z-index 来把层级提高，默认为 0。

如果是嵌套比较：

比较元素先与其父元素比较层级
若父元素层级没有设置 z-index，再与该元素进行比较。

注意

定位不包含 border

参考资料

position - MDN