BFC:BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。指的是一块独立的渲染区域可以产生BFC环境的有：1.根元素...
分类：
Web程序 时间：
2015-09-13 16:00:00
阅读次数：
193
BFC 定义 BFC(Block formatting context)直译为"块级格式化上下?"。它是?个独?的渲染区域，只有Block-level box参 与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干.BFC布局规则： 内部的Box会在垂直?向...
分类：
其他好文 时间：
2015-09-13 11:43:53
阅读次数：
155
BFC布局规则：内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠每个元素的margin box的左边， 与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。BFC...
分类：
其他好文 时间：
2015-09-12 00:45:58
阅读次数：
190
先看一下英文解释：Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, a...
分类：
其他好文 时间：
2015-09-09 13:01:24
阅读次数：
125
1.BFC 全称是块级排版上下文，用于对块级元素排版，默认情况下只有根元素（body)一个块级上下文，但是如果一个块级元素 设置了float:left，overflow:hidden或position:absolute样式，就会为这个块级元素生成一个独立的块圾上下文，就像在window全局作用域内，...
分类：
其他好文 时间：
2015-09-07 12:28:30
阅读次数：
123
1.BFC 全称是块级排版上下文，用于对块级元素排版，默认情况下只有根元素（body)一个块级上下文，但是如果一个块级元素 设置了float:left，overflow:hidden或position:absolute样式，就会为这个块级元素生成一个独立的块圾上下文，就像在window全局作用域内，...
分类：
其他好文 时间：
2015-09-07 12:24:03
阅读次数：
157
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还...
分类：
其他好文 时间：
2015-09-03 15:25:45
阅读次数：
200
最近看了一篇总结ie常见bug的文章，里面提到ie多数的bug源于她的特有属性：hasLayout。这个属性以前也了解过一点，但没有深入去理解，于是查阅了一些相关的资料，现在在此来对这个属性作一下总结。一、hasLayout的定义。 这里我就不一一敲了，直接复制百度的咯。 在ie中，一个元...
分类：
Web程序 时间：
2015-09-02 00:20:08
阅读次数：
970
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spe...
分类：
其他好文 时间：
2015-08-26 19:31:47
阅读次数：
161
开篇
一些元素，如float元素，如position为absolute,inline-block,table-cell或table-caption的元素，以及overflow属性不为visible的元素，它们将会建立一个新的块级格式化上下文。
上述定义已经很详细的描述了块级格式化上下文(Block Formatting Context)是如何形成的，为了方便起见，文中均用BFC代替。现在，让我们...
分类：
Web程序 时间：
2015-08-11 14:14:49
阅读次数：
209
