BFC（block formatting context）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了BFC（block formatting context）相关的知识，希望对你有一定的参考价值。
BFC（block formatting context）:块级格式化上下文
触发BFC：
1.根元素
2.float;
3.overflow:auto,scroll,hidden;
4.display:table-cell、table-caption、inline-block、flex、inline-flex;
5.position:absolute、fixed;
注：
一、没有父级的元素为根元素
二、浮动会触发BFC
三、overflow 属性规定当内容溢出元素框时发生的事情：
overflow:hidden;1.子集margin-top把父级一起往下带；2.子级浮动导致高度塌陷，可以自动找回高度；3.子级超出父级容器范围
overflow:scroll;多用于留言板类型
以上是关于BFC（block formatting context）的主要内容，如果未能解决你的问题，请参考以下文章
BFC块格式化上下文 (Block Formatting Context)
BFC块格式化上下文 (Block Formatting Context)
关于Block Formatting Context－－BFC和IE的hasLayout
Block formatting contexts （块级格式化上下文）简称 BFC 的特性