块级格式化上下文（BFC）有什么用途？

Question

块级格式化上下文（BFC）有什么用途？
是css布局的核心技术吗？

Answer 1

举个实际工作中的栗子：页面中左侧有一个100%的垂直navbar，工程师A使用浮动完成了这个布局，工程师B负责完成右侧页面主体部分的编码。由于左右都有元素，所以这里不能简单的用 clearfix 清楚浮动，所以主体内容也要浮动。在主体浮动之后，由于之前没有闭合浮动，如果在主体内容的子元素也有浮动会出现一系列奇怪的现象（具体忘了嘤嘤嘤）。

记得当时卡在这个问题上了，后来了解bfc后，在主体元素上简单的加了一条属性：{overflow: auto} 就解决了问题。至于为什么可以解决，这条属性有什么特殊含义？关于BFC和浮动这里有一片文章写的很好了：http://www.iyunlu.com/view/css-xhtml/55.html

Answer 2

你可以去看看这篇文章[详说 Block Formatting Contexts (块级格式化上下文)]:http://kayosite.com/block-formatting-contexts-in-detail.html

Answer 3

多写一点，遇到一两次就知道。核不核心，这个不好说，写页面的时候非常有用倒是真的。