BFC（Block Formatting Context）格式化上下文
指一个独立的渲染区域或者说是一个隔离的独立容器。
就是页面上的一个独立容器，容器里面的子元素不会影响外面元素。
形成
通过position（定位） float （浮动） overflow（溢出隐藏等）可形成
问题及解决
1 垂直方向上的距离由margin决定
在常规文档流中，两个兄弟盒子之间的垂直距离是由他们的外边距所决定的，但不是他们的两个外边距之和，而是以较大的为准。
解决这样的问题就是讲其中某一个放到独立的容器里
2 常用的两栏布局或者三栏布局 通过overflow：hidden 来形成BFC （文字环绕）