BFC是 W3C CSS 2.1 规范中的一个概念Block Formatting Context的缩写即格式化上下文，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。简单讲，它是提供了一个独立布局的环境，元素处于此环境中应当被初始化，即元素在此环境中应当如何布局等。元素如果...
分类：
Web程序 时间：
2014-08-25 01:08:23
阅读次数：
222
介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）一、BFC是什么？ Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box ...
分类：
其他好文 时间：
2014-08-22 17:46:29
阅读次数：
300
今天2个笔记： 一、IE6浏览器下固定定位的实现； 二、IE6、IE7浏览器的hasLayout与普通浏览器（IE7+、Chrome、FirFox等）的BFC一、IE6浏览器下固定定位的实现： IE6浏览器下position:fixed固定定位测试 ...
分类：
其他好文 时间：
2014-07-18 16:03:41
阅读次数：
241
BFC已经是一个耳听熟闻的词语了，网上有许多关于BFC的文章，介绍了如何触发BFC， 以及BFC的一些用处（如清浮动，防止margin重叠等）。虽然我知道如何利用BFC解决这些问题，但当别人问我BFC是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec, 和许多文章，来全...
分类：
其他好文 时间：
2014-07-09 21:52:25
阅读次数：
186
网络上有很多关于hasLayout和BFC相关的文章，但是大部分都显得有些晦涩难懂。所以想用一些比较直观的例子来说明hasLayout和BFC给平时的布局带来的影响。 基础知识 在讲hasLayout和BFC之前，先简单地过一下元素布局的一些基本知识。 元素本身的布局方式可以从display上表现....
分类：
其他好文 时间：
2014-06-25 12:39:39
阅读次数：
288
hasLayout与BFC是分别在IE和其他浏览器上的两个作用很相近的概念，在很多时候，我们需要触发它们去实现有些效果。例如清除浮动时需要触发hasLayout与BFC；很多自适应的两栏和三栏布局（两边固定宽度，中间自适应）需要触发hasLayout与BFC；很多奇形怪状的IE bug的解决需要触发...
分类：
其他好文 时间：
2014-06-25 12:08:58
阅读次数：
165
BFC是啥？BFC(Block Formatting Context)，“块状格式化上下文”。简单地说，它提供一个独立的布局环境。在同一个BFC中，盒子会一个挨一个地排列，margin边距还会在垂直方向上叠加。float和clear:float也只会在同一个BFC内有效。产生BFC的情况有？W3C标...
分类：
Web程序 时间：
2014-06-21 00:44:30
阅读次数：
345
BFC已经是一个耳听熟闻的词语了，网上有许多关于BFC的文章，介绍了如何触发BFC，
以及BFC的一些用处（如清浮动，防止margin重叠等）。虽然我知道如何利用BFC解决这些问题，但当别人问我BFC是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1
spec, 和许多文章，来全...
分类：
其他好文 时间：
2014-06-08 06:45:44
阅读次数：
313
2014年1月26日 首先，hasLayout 和 Block Formatting Contexts
分别是什么？1、hasLayout是IE内部的一个特有的隐形属性，属性值为true/false。元素一旦拥有了这个属性，就拥有了布局，也就是说该元素可以对自己及其子元素进行尺寸计算和定位...
分类：
其他好文 时间：
2014-06-01 23:48:55
阅读次数：
287
