CSS margin问题

一、margin塌陷

1、定义

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

2、如何解决

方案一：给父元素设置不为0的padding

方案二：给父元素设置宽度不为0的border

方案三：给父元素设置css样式：overflow：hidden

二、margin合并问题

1、定义

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

2、如何解决

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