什么是BFC

概念：元素是独立的渲染区域，规定了内部元素的布局，但不影响外部元素区域

例1：.a:{width:100px;height:100px;float:left;} .b{height:100px;overflow:hidden;}
说明：A元素和B元素在同一行B元素宽度为父级宽度100%-100px且两元素不重叠

例2：.ab{overflow:hidden;}
.a{width:100px;height:100px;float:left;}
.b{width:100px;height:100px;float:left;}
说明：A元素和B元素浮动不影响父级的高度