bfc块级格式

BFC 块级格式话上下文 box formatting context

bfc就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素反之也如此

出发bfc条件

1.html

2.float属性不为none

3position absolute 和fixed

4.display 为inline-block table -cell table-caption

5.overflow不为visible

布局规则：

内部的box会在垂直方向，一个接一个地放置

box垂直方向的距离由margin决定。属于同一个bfc的两个相邻的box的margin会发生

每个元素的margin box的左边 与包含块border box 的左边相接触（对于从左往右）

bfc的区域不会与float box 重叠

bfc就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之计算bfc的高度时浮动元素也参与计算