BFC（Block Formatting Context）的觸發條件
BFC（Block Formatting Context ）塊級格式化上下文，從字面的意思真的很難理解，我特別喜歡張鑫旭的 " CSS世界的結界 " 的叫法，非常的形象生動，看過火影的同學都知道，非常厲害的忍術都會形成結界，形成一個封閉的空間，里面的人出不來，外面的人進不去，BFC就是如此。
下面是BFC觸發的條件，總結一下，沒事的時候拿出來看看，增強自己的記憶。
1. float: left / right
2. position: absolute / fixed
3. overflow: auto / scroll / hidden
4. <html> 根元素
5. display: inline-block / table-caption / table-cell
目前利用BFC特性最多的地方：margin-top 的合並問題，清除浮動問題；當出現BFC的時候這些問題就自然而然的解決了。