父元素和子元素的margin重叠问题
例如：子元素margin-top：20px ，会显示不出这20px
解决办法：
- 不使用子元素的margin，而是使用父元素的
padding - 给父元素加上
overflow: hidden;属性 - 父元素加上
display: flex;
position: absolute;
float:left;
等脱离文档流的属性
兄弟元素的margin重叠问题
- 水平方向的兄弟元素不会有margin重叠问题
- 垂直方向的margin重叠问题解决办法：
- 绿色块加上
display: inline-block;