13、BFC规则

CSS中的BFC：就是符合一些特性的HTML标签；
    BFC：格式化上下文，
         指一个独立的渲染区域，或者说是一个隔离的独立容器；
         可以理解为一个独立的封闭空间，无论如何都不会影响到它的外面；
    形成BFC的条件：（1）浮动元素，float除none以外的值；
                  （2）绝对定位元素，position（absolute，fixed）；
                  （3）display 为以下其中之一的值 inline-block，table-cell，table-caption，flex；
                  （4）overflow 除了visible 以外的值（hidden，auto，scroll）；
                  （5）body根元素；
    BFC的特性：（1）内部的Box 会在垂直方向上一个接一个的放置；
              （2）垂直方向上的距离由margin决定；
              （3）BFC的区域不会与float的元素区域重叠；
              （4）计算BFC的高度时，浮动元素也参与计算；
              （5）BFC就是页面上的一个独立容器，容器里面的子元素不会影响外面的元素；