BFC（边距重叠解决方案）

BFC基本概念：块级格式化上下文。
BFC的原理：

1. 在BFC这个元素的垂直方向的边距发生重叠；
2. BFC的区域不会与浮动元素的box重叠，用来清除浮动；
3. BFC在页面上是一个独立的容器，不受外部元素影响，也不影响外部元素；
4. 计算BFC高度的时候浮动元素也会参与计算。

如何创建BFC？

    overflow： hidden/auto
    float： none
    position的值不是relative，static
    display：inline-block/table-cell 和table相关的

BFC的使用场景：

    
    


    




    
    
1
    
    

        
2
    
    
3




    
    

    





    
    

        我是浮动元素
    

如果此文对你有用请动动你的小手点个赞！谢谢！！！