觸發條件：
1.float的值不為none
2.overflow的值不為visible
3.display的值為table-cell、tabble-caption和inline-block之一
4.position的值不為static或則releative中的任何一個
規則：
1.浮動的元素會被父級計算高度（父級觸發了BFC）
2.非浮動元素不會覆蓋浮動元素位置（非浮動元素觸發了BFC）
3.margin不會傳遞給父級（父級觸發了BFC），兩個相鄰元素上下margin會重疊（給其中一個元素增加一個父級，然后讓他的父級觸發BFC）
巧妙用法：
清除浮動；
非浮動元素蓋住浮動元素，可依靠觸發BFC來解決
margin合並情況，在其中一個元素父級觸發BFC，將不會合並margin