margin的塌陷问题，合并问题

一. margin的塌陷问题

什么是 margin 塌陷？

第一个子元素的上margin会作用在父元素上，最后一个子元素的下margin会作用在父元素上。

如何解决 margin 塌陷？

• 方案一： 给父元素设置不为 0 的padding。
• 方案二： 给父元素设置宽度不为 0 的border。
• 方案三：给父元素设置 css 样式 overflow:hidden.(推荐)

二. margin的合并问题

什么是 margin 合并？

上面兄弟元素的下外边距和下面兄弟元素的上外边距会合并，取一个最大的值，而不是相加。

如何解决 margin 合并？

无需解决，布局的时候上下的兄弟元素，只给一个设置上下外边距就可以了。