bfc和haslayout

标签：

1

BFC是什么 

Block Formatting Context （块格式化上下文）是W3C CSS 2.1 规范中的一个概念，在CSS3中被修改为flow root。格式化则表明了在这个环境中，元素处于此环境中应当被初始化，即元素在此环境中应当如何布局等。元素如果创建了BFC，那么BFC决定了如何对其内容进行定位，以及它与其他元素的关系和相互作用。创建了BFC的元素会按照如下

的方式对其子元素进行排列：

?元素的子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻的元素之间的垂直距离取决于‘margin‘ 特性。在BFc中相邻的块级元素的

垂直边距会折叠（collapse）。

?元素的子元素中，每一个子元素左外边与包含块的左边相接触（对于从右到左的格式化，右外边接触右边），即使存在浮动也是如此（尽管一个子元素的内容区域会由于浮动而压缩），除非这个子元素也创建了一个新的BFC，如它自身也是一个浮动

2

bfc和haslayout

标签：

原文地址：http://www.cnblogs.com/wanger1994/p/4311749.html