Feature1: 同一
BFC
下外边距会发生折叠
margin-bottom: 50px
margin-top: 10px
将两个div块的margin-top设置为10px，margin-bottom设置为50px，由于同处于一个BFC下，因此两个div块的距离为50px而非60px。
margin-bottom: 50px
margin-top: 10px
将两个div块置于不同的BFC下，边距折叠现象消失。
Feature2:
BFC
可以包含浮动元素
仔细观察可以发现BFC区域被浮动元素的高度撑开
Feature3:
BFC
可以阻止元素被浮动元素覆盖
我是一个左浮动的元素
我是一个没有设置浮动, 也没有触发 BFC 元素。可以发现我的左上角被浮动元素所覆盖。
我是一个左浮动的元素
我是一个BFC 元素，可以发现我没有被浮动元素所覆盖。
利用BFC特性可以清除浮动