面试官: 什么是BFC？

[yang-xianzhu]

BFC（块级格式化上下文）

BFC的理解

可以看作隔离了的独立容器，内部元素的布局，不会影响到外部元素。可以通过CSS属性触发。

触发BFC的方式

• position(absolute、fixed);
• float(left、right);
• overflow: hidden、dispaly不为none等;

BFC解决的问题

• 外边距合并;
• 检测浮动高度;
• 制作右侧自适应盒子;