BFC是个什么东西？

块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。

说实话，我还是不知道它到底是个啥

参考

块格式化上下文 - Web 开发者指南 | MDN