请解释：margin重叠问题?如何解决 是什么？

【概念释义】

外边距折叠（Margin Collapse） 指相邻块级元素的垂直 margin 相遇时，不会简单相加，而是取较大值（或相加，取决于正负组合规则）合并为一条外边距的现象。水平 margin 不折叠。

发生场景包括：兄弟元素相邻、父子元素首/尾 margin 与父边框接触、空块元素自身上下 margin 折叠等。这是 CSS 规范中的正常行为，不是浏览器 bug。

【基础使用】

典型折叠：相邻兄弟

<div class="a">A</div>
<div class="b">B</div>

.a {