首页 > 块级格式化上下文(BFC)有什么用途?

块级格式化上下文(BFC)有什么用途?

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


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


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

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


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

【热门文章】
【热门文章】