BFC

Posted 2020-10-05

BFC（Block Formatting Context） 块级格式上下文

1.是一个环境，一个隔离的独立容器，与布局相关，写了html标签他就已经是一个BFC，BFC形成后，里面内容和布局和外面互不干扰。

触发BFC的条件

• 给父级元素设置属性 overflow：hidden。
• 子集 margin-top 带下。
• 子集浮动导致父级高度的塌陷。
• 如果须要超出部分有滚动条则设置属性 overflow:scroll 或者 overflow-x：scroll为横向设置，overflow:scroll为纵向设置。