一、定义：
BFC就是一个黑盒子，可以保证盒子内部元素不管如何变化，都不会影响盒子附近的元素；它属于普通流、浮动、定位方案中的普通流。

二、触发条件：
1.body；
2.float(不包含none)，position(不包含static);
3.display 为 inline-block、table-cells、flex
4.overflow(不包含visible)

三、BFC特性以及其应用：
1.同一个BFC盒子下面的2个元素的下外边距会发生折叠；
2.BFC元素可以包含浮动元素；
3.BFC可以阻止被浮动元素覆盖；(可以用这个实现2列自适应布局)

内容提取来源：https://zhuanlan.zhihu.com/p/25321647

最新文章

1. vs2015 无法启动IIS Express Web服务器
2. MVC缓存02,使用数据层缓存,添加或修改时让缓存失效
3. 从0到1---“保多多”APP的开发（一）
4. 0c-36-自动释放池应用场景
5. 使用Xcode5开发时的icon取消高光效果
6. MFC通过对话框窗口句柄获得对话框对象指针
7. POJ 2001 字典树（入门题）
8. nginx笔记---http配置
9. wpf RadioButton控件的一个bug，onpropertychanged后会修改旧属性的值
10. 【转】shell 教程——03 Shell脚本语言与编译型语言的差异
11. Python 关于正负无穷float(‘inf’)的一些用法
12. Oracle的dbms_output包的put()和put_line()的区别只是有没有回车换行吗?(转)
13. The struts dispatcher cannot be found
14. [cacti]nginx+php+cacti+mysql＋php-fpm 安装小记
15. vue踩坑记录:[Vue warn]: $attrs is readonly.
16. C# 一般处理程序ashx接收服务端post过来json数据
17. 按固定元素数目分割数组- perl，python
18. MongoDB之 写安全(Write Concern)
19. 20171126-handler消息机制理解
20. JavaScript继承详解（一）

热门文章

1. linux新建文件和文件夹命令
2. 初识kbmmw 中的smartbind功能
3. Scrapyd部署
4. The Apache Thrift API client/server architecture
5. define tensorflow and run it
6. RNN 的入门程序DEMO
7. [haoi2008]玩具命名
8. querySelectorAll和getElementsBy 系列比较
9. 自动化测试框架selenium+java+TestNG——TestNG详解
10. Web app root system property already set to different value: 'webapp.root'