position属性不改变盒模型计算逻辑，但影响文档流参与、偏移参考系和尺寸收缩：relative仍占原文档流空间，absolute脱离文档流致父容器可能塌陷，fixed相对视口，sticky在阈值内如relative、超出后类似fixed。
position 属性本身不改变盒模型的 width/height/padding/border/margin 计算逻辑，但它直接决定元素是否参与文档流布局、偏移参考系是谁、以及尺寸是否收缩——这些都会让最终渲染位置和空间占用和你“算出来的”不一样。
relative 定位不影响盒模型尺寸计算，但偏移后视觉位置和文档流位置分离
设置 position: relative 后，元素仍按原始盒模型尺寸（含 padding、border、margin）占据文档流空间；top/left 等只是视觉上挪动，不触发重排（reflow），也不改变其他元素的布局依据。
- 偏移值是相对于元素**自己原本在文档流中的边界**，不是父容器边框
-
margin和top效果不同：前者会推挤相邻元素，后者不会 - 即使
top: -20px把元素往上拉出父容器，父容器高度仍按原内容撑开（除非父容器有overflow: hidden） - 它会创建新的层叠上下文，影响
z-index生效范围
absolute 定位让元素脱离文档流，盒模型尺寸不再参与父容器高度计算
position: absolute 的元素完全从文档流中“摘除”，它的 margin/padding/border/width/height 都不再影响兄弟或父级元素的布局尺寸。父容器若无其他内容，可能塌陷为 0 高度。
- 宽度默认收缩为内容宽度（shrink-to-fit），除非显式设
width或left+right - 高度同理：无
top+bottom且无内容撑开时，高度为 0 - 定位参考是最近的
position不为static的祖先（如relative），不是父容器的 padding box - 如果所有祖先都是
static，则退化为相对<html>的 border box 定位
fixed 和 sticky 的定位参考系与盒模型行为差异
position: fixed 永远相对于视口（viewport）定位，和文档流彻底无关；position: sticky 则在阈值内表现如 relative，超出后切换为类似 fixed，但它的盒模型行为始终以“未脱离文档流”为前提。
立即学习“前端免费学习笔记（深入）”；
-
fixed元素的width默认是视口宽度（100%），但实际计算仍基于其自身的盒模型规则（比如box-sizing: border-box依然生效） -
sticky元素滚动时不会导致父容器重绘尺寸，因为它从未真正脱离文档流——哪怕它“吸顶”了，父容器仍按它原始位置预留空间 - 两者都忽略
margin-collapse规则，因为它们不参与常规流的外边距合并 - 注意：
sticky必须配合top/bottom才生效，仅设position: sticky等同于static
最容易被忽略的是：盒模型各部分（尤其是 padding 和 border）在 absolute/fixed 元素里依然参与自身尺寸计算，但它们对父容器的 layout effect 彻底消失——这意味着你不能靠子元素的 padding 去“撑开”一个空的 relative 父容器，除非手动设高。
