bfc

1.定义
bfc：块级格式化上下文；网上的解释听的云里雾里；看到前端大神winter的一番话让我终于对这个鬼东西有一些了解；

我相信大多数的前端开发者都对bfc不陌生，我周围的开发者大多都会使用bfc，但都说不清楚bfc究竟是什么东西；

在 CSS 标准中，规定了如何排布每个文字或者盒的算法，这个算法依赖排版的当前状态；css把这个状态叫作格式化上下文；
能够理解在正常文档流中，排布盒子的算法由如下公式完成：
盒子的位置：格式化上下文+盒模型+定位；
复制代码

咱们正常的文档流都是在块级格式化上下文中排布的；块级元素自上向下排布，行内元素从左到右排布；可是咱们会在大盒子（块级格式化上下文中）中不经意的建立新的小格式化上下文；

2.创造条件

1.浮动；
2.绝对定位元素；
3.非块级可是能够包含块级元素的包含块； 4.overflow不为visible的元素；（由于超出的文本与外部的格式化上下文进行了融合；

3.咱们能利用它来作什么： 1.避免外边距重叠； 2.清除浮动；（遇到bfc就不要加clearfix了。。。） 3.解决多列布局的问题；