margin重叠问题

现象：相邻的普通元素的高度，等于两者相加的绝对值

解决：开启 BFC（Block Formatting Content）块级格式化上下文

1. overflow（外层div，值不为 visible ）
2. position（内层div，值不为 static 或 relative ）
3. display（内层div，值为 inline-block，table-cell，flex，table-caption 或 inline-flex）
4. float（内层div，值不为none）
5. zoom（外层div，值为1，清除margin的重叠，适用于IE）
6. padding（外层div）
7. border（外层div）

通过以上属性可解决重叠现象