如何快速理解BFC（Block Formating Context）

爲什麼會有BFC呢？ 在前端佈局中，爲了使樣式達到自己設計的樣子，我們會讓元素脫離文檔流，想像很美好，但是現實往往有差距。 BFC就是爲了解決佈局中排版的一些問題而出現的 BFC是什麼？ 塊級格式上下文規定了內部塊盒子是如何佈局的，它是一個獨立的渲染區域，且只有塊級盒子參與，這個渲染區域與外部區域毫無關係 如何觸發BFC? 設置CSS屬性可觸發BFC，實質就是設置塊級盒子脫離文檔流 BFC可以解決

>>阅读原文<<