粗说BFC

BFC全称：Block Formatting Context

中文叫块级格式化上下文

BFC渲染区域：

这个区域有某个HTML元素创建，以下元素会在其内部创建（触发）BFC区域：

1）根元素（html）

2）浮动和绝对定位元素

3）overflow不等于visible（默认值）的块盒

不同的BFC区域，它们进行渲染时互不干扰

创建BFC的元素，隔绝了它内部和外部的联系，内部的渲染不会影响到外部

具体规则：

1））创建BFC的元素，它的自动高度需要计算浮动元素

找回父元素的高度

2））创建BFC的元素，它的边框盒不会与浮动元素重叠（必须满足这两个条件1.兄弟级，2.浮动在前）

实现两栏布局

3））创建BFC的元素，不会和它的子元素进行外边距合并

解决外边距合并