bfc+应用

bfc：块级格式化上下文，是一块独立的渲染区域

生成元素：

        1.根元素

        2.float不是none

        3.position不是absolute或fixed

        4.overflow不是visible

规则：

        1.box在垂直方向一个接一个放置【换了个方式就不是一个bfc【？】】

        2.bfc不与float box重叠

        3.内部的垂直方向的距离由margin决定，属于同一个bfc的margin会重叠【相接触的】

                    加元素隔开，如div，border

        4.计算高度时浮动元素也参与计算

        5.bfc是独立的，内部元素不影响外部元素

应用：

        1.二列布局：固定块float，自适应块overflow：hidden；