您现在的位置：首页 --> 查看专题： 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天十大热文
-
[66] Go Reflect 性能 -
[65] Oracle MTS模式下 进程地址与会话信
-
[64] 如何拿下简短的域名
-
[59] android 开发入门
-
[59] IOS安全–浅谈关于IOS加固的几种方法
-
[58] 图书馆的世界纪录
-
[58] 【社会化设计】自我（self）部分――欢迎区
-
[53] 视觉调整－设计师 vs. 逻辑
-
[47] 界面设计速成
-
[46] 读书笔记-壹百度:百度十年千倍的29条法则
赞助商广告
