BFC和haslayout

待補充

參考連接：http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html

標準瀏覽器：

BFC(block formatting context)會計格式化上下文。

最多見的Formatting context有Block fomatting context(簡稱BFC)和Inline formatting context(簡稱IFC)。CSS2.1 中只有BFC和IFC, CSS3中還增長了GFC和FFC.

通俗的理解一下：

BFC就是「塊級格式化上下文」的意思，建立了 BFC的元素就是一個獨立的盒子，不過只有Block-level box能夠參與建立BFC， 它規定了內部的Block-level Box如何佈局，而且與這個獨立盒子裏的佈局不受外部影響，固然它也不會影響到外面的元素。

哪些元素會生成BFC?

1. 根元素
2. float屬性不爲none
3. position爲absolute或fixed
4. display爲inline-block, table-cell, table-caption, flex, inline-flex
5. overflow不爲visible

IE haslayout