BFC(块级格式化上下文)

块级格式化上下文 是一块 独立 的 渲染区域，他规定了在该区域中，常规流块盒的布局

• 常规流块盒在水平方向上必须撑满包含块
• 常规流块盒在垂直方向上依次摆放
• 常规流块盒若上下外边距无缝相邻，上下外边距则会合并
• 常规流块盒的自动高度和摆放位置，会无视浮动元素

不同的BFC区域，渲染时互不干扰
创建BFC的元素，隔绝了内部于外部的联系，内部的渲染不会影响到外部

具体规则：

• 创建BFC的元素，自动高度需要计算浮动元素
• 创建BFC的元素，边框盒不会与浮动元素重叠
• 创建BFC的元素，不会与他的子元素进行外边距合并

如何创建BFC：

• 根元素 (html元素)
• 浮动元素
• 绝对定位元素
• overflow属性值不为visible
• display: table