margin的bug

如何触发bfc（block format context）
a) position:absolute;
b) display: inline-block;
c) float: left/right;

d) overflow: hidden;

1.margin塌陷：

    父子元素，垂直方向的margin重叠
    土办法：给父元素加border-top，不建议用
    解决：改变父级渲染规则，让父级触发bfc

2.margin合并：
    兄弟元素，垂直方向margin重叠

    技术解决：改变父级渲染规则，让父级触发bfc
    思路解决：把两个margin求和，加入到一个margin上(推荐)