定位元素不触发margin塌陷，因其脱离普通文档流、不参与bfc内相邻块级盒的外边距合并；但父容器若未形成bfc，其自身margin仍可能与兄弟元素塌陷。
定位元素本身不触发Margin塌陷
只要元素的 position 值是 relative、absolute、fixed 或 sticky，它就**脱离普通文档流**，不再参与块级盒的垂直外边距合并（即 Margin Collapse）。这是 CSS 规范明确规定的：塌陷只发生在**处于同一个 BFC 中的相邻块级盒之间**，而定位元素会创建新的层叠上下文，且通常不参与当前 BFC 的外边距计算。
常见错误现象：
— 给一个 position: relative 的 <div> 设置 <code>margin-bottom: 20px，下方紧挨着一个 position: absolute 的元素，却发现两者视觉间距不是 20px；
— 误以为“定位后 margin 就失效了”，其实是塌陷没发生，但绝对定位元素完全脱离流，它的 margin 根本不和任何人合并，也不影响父容器高度。
但父容器可能仍塌陷——关键看是否形成BFC
即使子元素用了 position: absolute，如果它的父容器没形成 BFC，父容器自身的 margin 仍可能和兄弟元素塌陷。比如：
<div class="parent"> <div class="child" style="position: absolute;"></div> </div> <div class="sibling">我可能和 parent 塌陷</div>
此时 .parent 如果是普通块级盒（无 overflow、float 等），它的 margin-bottom 仍可能和 .sibling 合并——跟子元素是否定位无关。
立即学习“前端免费学习笔记（深入）”；
- 解决办法：给
.parent加overflow: hidden、display: flow-root或float: left，强制它创建 BFC - 注意
position: relative本身不创建新 BFC，只有配合overflow !== visible才行 -
display: inline-block或table也能创建 BFC，但会影响布局行为，需权衡
absolute/fixed 元素的 margin 不参与任何塌陷，但可能被忽略
position: absolute 或 fixed 元素的 margin 不会和任何其他元素塌陷，但它在定位计算中**仅用于偏移自身内容框**，不扩大包含块尺寸，也不触发重排逻辑中的塌陷判断。
典型误区：
- 给绝对定位元素设
margin-top: 30px，期望它离顶部更远——实际生效的是top值，margin在这里几乎无视觉意义（除非有 border/padding 参与盒模型） - 用
margin-left替代left实现水平偏移？不可靠：它不改变定位参考点，且在 RTL 或 transform 场景下行为更难控 - 绝对定位元素的
margin不会撑开父容器，哪怕父容器是relative——这点常被当成“bug”反复调试
sticky 是特例：它在“未粘住”时仍属普通流
position: sticky 元素在未达到粘性阈值前，表现和 static 或 relative 一样，**此时它的 margin 仍可能参与塌陷**；一旦触发粘性行为，它脱离流，margin 停止参与合并。
这意味着：
- 不能假设
sticky元素一定不塌陷——得看它当前是否已“粘住” - 如果页面滚动中发现顶部间距忽大忽小，很可能是
sticky元素的 margin 和兄弟元素在临界点附近发生/解除塌陷 - 最稳方案：给
sticky元素的父容器加display: flow-root，一劳永逸阻断塌陷链
塌陷从来不是“定位开关”控制的，而是由 BFC 边界和文档流位置共同决定的。写样式时盯着元素是否在流里、它的父容器有没有 BFC，比记“定位就没事”管用得多。
