简述两个div上下排列，都设margin，有什么现象？ ？
参考答案：
当两个 <div> 元素上下排列，并且都设置了 margin 时，可能会出现所谓的“Margin塌陷”现象。这种现象通常发生在一个大盒子中包含一个小盒子，并且给这个小盒子设置了 margin-top 或 margin-bottom。在这种情况下，大盒子会跟小盒子一起向下（或向上）平移，而不是仅小盒子自身平移。
这是因为当两个垂直外边距相遇时，它们会形成一个外边距。这个外边距的高度等于两个发生重叠的外边距中的较大者，而不是它们的总和。这就是所谓的外边距合并（margin collapsing）。这种现象在CSS布局中是很常见的，尤其是当使用内联块元素或浮动元素时。
为了解决这个问题，有几种常见的方法：
- BFC（块级格式化上下文）设置：通过设置元素的某些CSS属性，可以使其生成一个BFC。BFC可以阻止外边距合并。创建BFC的方法包括：将元素的
float属性设置为除none以外的值；将元素的position属性设置为absolute或fixed；将元素的display属性设置为inline-block、table-cell、table-caption或flex；或者将元素的overflow属性设置为除visible以外的值（如hidden、auto或scroll）。 - 给父元素设置
padding或border：在父元素上设置padding或border可以防止外边距合并。这会在父元素和小盒子之间创建一个额外的空间，从而避免外边距的合并。
请注意，具体的解决方案可能会根据布局的具体需求和上下文而有所不同。因此，在选择解决方案时，请确保它符合您的布局要求和目标。