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

上一篇:C#--深入分析委托与事件


下一篇:leetcode_question_119 Pascal's Triangle II