您现在的位置：首页 --> 查看专题： BFC
前端工程师求职面试的时候，或多或少都会问到一点BFC(Block formatting contexts)相关的知识。在平时的开发中我也遇到过BFC方面的问题，但是没有好好整理过这方面的知识，所以别人问我的时候，我都不敢说自己知道这么个概念o(╯□╰)o。这两天，我仔细阅读了一些文章来填补这块知识漏洞。
好久没写纯粹CSS相关知识的文章了，所谓新颖的CSS3技术之流占据了现在半壁江山。本文内容还是比较传统，立足基础，深入理解。希望可以帮助相关从业者有所成长。如题，本文着重分析流体特性下的自适应布局和BFC特性下的自适应布局，demo、截图以及源代码一个都不少，耐心看完，相信会有一番收获的。
什么是BFC？
BFC(Block Formatting Context)，简单讲，它是提供了一个独立布局的环境，每个BFC都遵守同一套布局规则。例如，在同一个BFC内，盒子会一个挨着一个的排，相邻盒子的间距是由margin决定且垂直方向的margin会重叠。而float和clear float也只对同一个BFC内的元素有效。
如果你已经理解了block formatting contexts那么请继续，否则请先看看这篇文章。 Overflow能够做一些很牛掰的事情，比如: 创建BFC (block formatting contexts via W3c css2.1) 清除浮动 生成块级元素 overyflow属性...
[ 共4篇文章 ][ 第1页/共1页 ][ 1 ]
近3天十大热文
-
[11] 逃出你的肖申克（五）：看不见的牢笼（上） -
[9] [Perl]Moose::Manual::T
-
[9] 关于身份证号的那些事
-
[9] 位置服务类产品的用户状态和地点管理设想
-
[8] Nginx带宽控制
-
[8] 概率语言模型及其变形系列-PLSA及EM算法
-
[8] 数据与理论结合，让交互设计更专业
-
[8] MySQL error log 输出到sys
-
[8] mysqldump意外终止的原因以及解决方法
-
[8] linux 简单架设防火墙路由器
赞助商广告
