css外边距塌陷

1. 父子关系的外边距塌陷

原因：父子元素共用一个外边距，给子元素加margin-top时，外边距会作用在父元素身上，取父子外边距的最大值

解决：

1. 给父元素加padding值
2. 给父元素加border值
3. 给父元素加overflow:hidden（触发BFC）
4. float:left
5. position:absolute

2. 兄弟关系的外边距塌陷

原因：兄弟元素共用一个外边距，取他们之间最大的margin值

解决：给任意一子元素加一个父元素，给父元素加overflow:hidden/sroll/auto