代码推演
视觉移动是否推开了下一块内容？
<style>
.a, .b { width:180px; padding:16px; background:#dbeafe; }
.a { transform:translateY(30px); }
.b { background:#ffedd5; }
</style>
<div class="a">A：向下移动 30px</div>
<div class="b">B：后续普通流内容</div>提问：A 会不会为 B 额外让出 30px？如果目标是增加两块之间的真实间距，是否应该只用 transform？
查看参考解析
transform 改变视觉位置，通常不改变普通流占位，可能产生覆盖。真实间距应使用 margin、gap 等合适布局规则。