常见的解决bfc的方法

BFC
Block Formatting Context (“块级格式化上下文”) 的缩写即为 BFC
形成一个完全独立的空间，让空间中的子元素不会影响到外面的布局。

触发条件：
1.float不为none
2.position不为relative和static
3.overflow为auto scroll和hidden
4.display:table-cell或者inline-block

可以解决什么问题呢？
1.解决浮动元素的父元素坍塌
给父元素添加:overflow:hidden，或者display:table-cell

2.兄弟元素外边距高度重合，取最大值
给其中一个兄弟元素包裹一层div，然后触发父元素的BFC，如设置overflow:hidden
或者用padding代替magging

3.2栏目自适应布局
1.float不为none，如:float:left
2.position不为relative和static，position:absolute
3.overflow为auto scroll和hidden，
4.display:table-cell或者inline-block

可以解决什么问题呢？
1.解决浮动元素领父元素坍塌
给父元素添加:overflow:hidden，或者display:table-cell

2.兄弟元素外边距高度重合，取最大值
给其中一个兄弟元素包裹一层div，然后触发父元素的BFC，如设置overflow:hidden
或者用padding代替maggin