css之解决Margin塌陷

margin塌陷:当父级元素和子级元素的margin-top都为100px时，此时将出现子级元素不以父级元素的top为顶棚而往下走.

一，暴力有效但是不建议采用的方法：给父级元素加上

border-top:....

二，采用BFC(block format context)，触发bfc语法，改变父级元素的渲染规则.

1、position：absolute;

2、display：inline-block;

3、float：left/right;

4、overflow：hidden;（溢出隐藏）