解决外边距坍塌问题

块级盒子在垂直方向上会有外边距坍塌的现象，为什么会有，需要去翻翻W3C文档

外边距坍塌的情况有以下几种：

（1）兄弟节点：如果是相向的margin，只有其中一个较大的margin会起作用

（2）父子节点：如果是同向的margin，只有一个较大的margin会起作用

解决办法有以下几种：

（1）后者使用position定位
（2）后者使用inline-block布局
（3）使用BFC给其中一个套进BFC里面
（4）使用flex布局，主轴设置为垂直的