BFC 原理

BFC:Block-level box           +   Forating  +           Context;

　-------》塊元素          決定其子元素如何定位，及元素關係

   -------》「塊級格式化上下文」

BFC：就是頁面的一個隔離的獨立容器，容器裏面的子元素不會影響到外面的元素，反之如此（外邊也不影響裏面）

display：inline-block  阻止嵌套元素margin重疊；

overflow:hidden  超出部分隱藏、  還能夠清除內部（float）浮動；

。。。。

10 分鐘理解 BFC 原理

前端精選文摘：BFC 神奇背後的原理

BFC原理詳解

淺析BFC及其做用

史上最全面、最透徹的BFC原理剖析

【CSS】深刻理解BFC原理及應用

BFC原理及其應用