BFC（独立容器）

1、含义：

        BFC 一块独立区域/容器，让处于BFC内部的元素与外部元素互相隔离

2、实现方式：

        position : fixed/absolute

        float none除外

        overflow visible除外

        display:inline-block/table-cell/table-caption

3、作用：72

        1）、防止两兄弟元素（同时设置margin-bottom 和 margin-top）造成的margin重叠，只有最大值才生效，给一个兄弟添加一个父盒子 且BFC化 同时设置margin-bottom和margin-top即可同时生效（因为嵌套的盒子没有设置任何样式，所以外表看就是上下两个兄弟元素）

        2）、父子元素边距重叠（当父元素并没有设置border 或padding的情况下，给子元素设置的margin-top会直接设置在父元素上面，因为父元素没有边界 BFC化相当于给该元素添加了一个虚拟的边框，父元素的高度由里面还在平面上的 元素和浮动的元素一同撑开）

        3）、两栏布局时，防止蚊子环绕图片/块元素（当图片或者块元素浮动时，文字会自动环绕到图片/块元素的周围 这之间的间距由文字大小来决定 默认情况下文字会自动环绕到图片的周围）

        4）、防止浮动元素使父元素高度塌陷（父元素由子元素的高度撑开时，当子元素设置了浮动，父元素就会不显示 没有高度了）