标签：

关于Block Formatting Context－－BFC和IE的hasLayout

BFC（Block Formatting Context）直译为“块级格式化范围”。

在普通流中的 Box(框) 属于一种 formatting context(格式化上下文) ，类型可以是 block ，或者是 inline ，但不能同时属于这两者。并且， Block boxes(块框) 在 block formatting context(块格式化上下文) 里格式化， Inline boxes(块内框) 则在 inline formatting context(行内格式化上下文) 里格式化。任何被渲染的元素都属于一个 box ，并且不是 block ，就是 inline 。即使是未被任何元素包裹的文本，根据不同的情况，也会属于匿名的 block boxes 或者 inline boxes。所以上面的描述，即是把所有的元素划分到对应的 formatting context 里。

表现规则 ：

1、在创建了 Block Formatting Context 的元素中，其子元素按文档流一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻的元素之间的垂直距离取决于 ‘margin’ 特性。

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

3 、当容器有足够的剩余空间容纳 BFC 的宽度时，所有浏览器都会将 BFC 放置在浮动元素所在行的剩余空间内。

4、根据CSS2.1 规范第10.6.7部分的高度计算规则，在计算生成了 block formatting context 的元素的高度时，其浮动子元素应该参与计算。

       时间过得真快，一转眼就要毕业了，最后一个月的时间，好紧迫的感觉，像是上战场一样，有点小紧张。

　　今早来到学校看到课程表上写着复习，然后站到教室外头等到18班下课，顺便看看他们在干些啥，一眼扫去，都在认真的做这自己的事情。然后我坐到教室里，听了老师讲了三个小时的课，最后一个小时做布置的作业。前三个小时从ps讲到JQuery，一些似懂非懂，什么语义化，Doctype，平时都闷到做自己的网页，知道这个、那个怎么用，有些就是用自己的语言解释不出来，对于某些理论知识都不清不楚的。还有今天老师讲了一个BFC（块级.格式化.上下文）（在ie5、6没用） 和 haslayout   平时都没听过，更不说见过，老师一写出来，它认识我，我不认识它，这就是平时见少了，用少了。

　　在接下来的接近一个月的时间里，不能在糊里糊涂了，机会掌握在自己手中，用心学习才是硬道理。

复习的第一天

标签：

原文地址：http://www.cnblogs.com/5huihui/p/4309971.html