BFC，全称（Blockformattingcontext）。按照我的理解，我们会在一定条件下触发BFC布局，从而产生一定的效果。BlockFormattingContexts译为：块级元素格式化上下文。它决定了块级元素如何布局其内容，以及它如何与其他元素关联和交互。其中，块级元素可以理解为父级元素，内容是子元素，子元素也是块元素。其他元素引用与内容处于同一级别的同级元素。交互是指BFC中的元素和外部的元素。不会产生任何影响。触发BFC的条件是：1.float的值不为none2，overflow的值不可见3，display的值为table-cell，table-caption，inline-block其中之一4，position的值为非staticorrelative任??何普通文档流中的布局规则（一般像我这样没有布局意识的新手应该是普通文档流布局。。。）1.浮动元素的高度不会被父级计算2.Non-floating元素会覆盖浮动元素的位置3.margin会传递给parent4.两个相邻元素的上下边距会重叠BFC布局规则1.浮动元素的高度会是由父计算（父触发BFC）2。非浮动元素不会覆盖浮动元素的位置（非浮动元素触发BFC）3.margin不会传递给父级（父级触发BFC）4.相邻两个元素的上下边距不会overlap（为其中一个元素添加一个单独的parent，然后让他的parent触发BFC）instance:
