BFC：块格式化上下文
一个元素某些属性不为默认的情况下（即display不为block和inline；或者position不为static和relative；或者float不为none；或者overflow不为visible），它就是BFC布局。
一个BFC布局的元素A，它的所有子元素都属于这个BFC,但是其内部元素B如果也为BFC，那么B元素的子元素就不属于A的BFC,即一个元素只存在于一个BFC中，采用就近原则，以父元素为标准。
BFC布局可以解决元素边框折叠问题，不同BFC间的元素，不会产生交集:
._BFC { overflow: hidden; margin: 20px 0; }
<div>
<p class="_BFC">111</p>
<p class="_BFC">222</p>
</div>
两个p元素都为BFC,之间距离为40px;
