谈谈你对 BFC 的理解？

什么是 BFC：

BFC 的全称是 Block Formatting Context，块级格式化上下文。这是一个用于在盒模型下布局块级盒子的独立渲染区域，

将处于BFC区域内和区域外的元素进行互相隔离。

满足下列条件之一就可触发BFC：

• HTML根元素

• position 值为 absolute 或 fixed

• float 值不为 none

• overflow 值不为 visible

• display 值为 inline-block、table-cell 或 table-caption

        其实根本就是解决页面布局的一种思想，如出现浮动时，可以通过以上触发条件达到清除浮动的目的，又或者是当页面会因为与用户交互而产生变化时出现的布局问题，以上不过是一种解决问题的思路，面试容易问到。