块级格式上下文(BFC )的主要内容：
BFC概念BFC的规则BFC触发条件BFC的应用BFC的概念
块格式化上下文(bfc )是块级格式上下文，在HTML页面上充当独立的渲染区域，只有区域中的元素参与渲染，而不影响外部元素。
BFC规则
在同一BFC中，如果计算内部BOX相接、BOX外侧的距离(margin )重叠(崩溃)的BFC内外的要素相互不干扰)的BFC的高度，则内部的浮动要素也参加并计算BFC和浮动要素不重叠)的BFC触发条件(扩展)
overflow属性设置为非visible值的元素body根元素display属性设置为table-cell/inline-block/flex之一的float设置为非none值的BFC
毛利重叠问题
解决浮动问题
自适应布局问题
/*BFC规则包括两列自适应*/style #left { float: left，通过防止BFC和浮动元素相互重叠； 高： 200 px； width: 200px； 背景色： orange； } #right { height: 200px； 背景色：天空蓝； Overflow :隐藏； }/stylebodydivid=' left '1/div divid=' right '2/div/body/*分析：从代码中可以看出，启动BFC不与左侧浮动元素重叠，而不是设置右侧区域的宽度*/