BFC(block formatting context):块级格式化上下文（实际就是一个隔离罩）

　　W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。

　　渲染规则：

　　　　规则很重要，要记住。

　　　　规则1：在BFC中元素垂直方向上的margin会重叠。

　　　　规则2：BFC内相当于一个独立的世界，里面的元素无论怎么变化都不会影响外面。

　　　　规则3：BFC内元素不会与浮动元素发生重叠（这是BFC解决浮动的根本原因）。

　　　　规则4：计算高度时，浮动元素也会参与（也就是overflow:hidden能清浮动的原因）。

　　创建BFC:

　　　　

• body 根元素(html)
• 浮动元素：float 除 none 以外的值
• 绝对定位元素：position (absolute、fixed)
• display 为 inline-block、table-cells、flex
• overflow 除了 visible 以外的值 (hidden、auto、scroll)

　　　　

最新文章

1. struts2工作流程
2. python安装numpy和pandas
3. Oracle 12c 的新功能：模式匹配查询
4. JQuery学习之Ajax应用
5. 文件件监听器，android系统拍照功能调用后删除系统生成的照片
6. hdu1711 KMP
7. thinkphp 3.2 单入口 多模块 不能加载index控制器问题
8. Ubuntu Firefox installs Flashplayer
9. bootStrap-2
10. Map、Set、List、Queue、Stack的特点与用法
11. poj 2773 Happy 2006 容斥原理+二分
12. c#导入excel 绑定数据 repeat为例子
13. Spring3 MVC使用@ResponseBody的乱码问题及解决办法
14. ubuntu旧版本源失效的处理方法
15. 【Python实践-5】使用迭代查找一个list中最小和最大值
16. RelativeLayout 布局参数
17. 简单示例用例(Simple Example Use Cases)--hive GettingStarted用例翻译
18. Html----编写
19. 原创：Spring整合junit测试框架(简易教程 基于myeclipse，不需要麻烦的导包)
20. Loadrunner 面试常见问题

热门文章

1. flask的post,get请求及获取不同格式的参数
2. sql控制流if()、case when then
3. train_faster_rcnn.sh
4. 阶段5 3.微服务项目【学成在线】_day04 页面静态化_05-freemarker基础-List指令
5. Qt编写安防视频监控系统3-通道交换
6. SQL查询交集、并集、差集
7. PAT 甲级 1013 Battle Over Cities (25 分)（图的遍历，统计强连通分量个数，bfs，一遍就ac啦）
8. TFTP反射放大攻击浅析
9. python遍历文件夹中所有文件夹和文件，os.walk
10. javascript语法 1.运算符 2. 流程控制 3. 函数 4. 四种变量 5. 数据类型的运用 6. js页面交互