绝对定位元素不参与margin塌陷，因其完全脱离标准文档流，而塌陷仅发生在文档流中相邻或嵌套的块级元素之间；其margin仅影响自身在定位上下文中的偏移，不参与外边距合并。
绝对定位元素为什么不会参与 margin 塌陷？
因为 position: absolute 让元素完全脱离标准文档流，而 margin 塌陷只在标准文档流中的块级元素之间发生——它根本就“不在塌陷的场里”。
塌陷不是靠“有没有 margin”触发的，而是依赖于浏览器对文档流中相邻/嵌套块盒的渲染规则。一旦元素被设为 position: absolute（或 fixed），它就：
- 不再参与父容器的高度计算
- 不与兄弟元素构成“相邻块级元素”关系
- 不与父元素构成“父子块级嵌套且无 BFC 隔离”的条件
- 其
margin只影响自身在定位上下文中的偏移，不参与任何外边距合并逻辑
对比：relative 和 absolute 的关键区别
position: relative 不会阻止塌陷，因为它仍在文档流中——只是视觉上偏移，盒模型位置和参与塌陷的资格都保留。而 position: absolute 是彻底“注销户口”，浏览器渲染时直接跳过它对流内布局的影响。
例如，下面这段代码中，.child 设了 position: absolute 后，它的 margin-top: 50px 不再导致父元素下移，也不会和兄弟元素的 margin 合并：
立即学习“前端免费学习笔记（深入）”；
<div class="parent"> <div class="child" style="position: absolute; margin-top: 50px;"></div> </div>
容易被忽略的副作用点
虽然 position: absolute 能绕过塌陷，但它引入了新约束：
- 必须有已定位的祖先（
position: relative/absolute/fixed）作为 containing block，否则会相对于初始包含块（通常是 viewport）定位 - 脱离流后，父容器可能再次出现高度塌陷（比如父内只剩这个绝对定位子元素），需额外处理
- 响应式布局中，绝对定位元素的
top/left值常需配合 JS 或媒体查询动态调整，不如流式 margin 稳定
真正要注意的，不是“它为什么不塌陷”，而是“你是否真的需要把它踢出文档流”——很多时候，用 display: flow-root 或 padding-top: 0.1px 更轻量、更可控。
