BFC：解决CSS布局问题的利器

BFC (块级格式上下文) 是一个 CSS 属性，可以用于解决一些常见的布局问题。

BFC 的主要用途：

1. 清除浮动： 当父元素设置 BFC 后，它会将浮动元素包裹在内部，避免浮动元素影响周围元素。
2. 防止外边距合并： 当两个相邻元素都设置 BFC 时，它们之间的外边距不会合并在一起。
3. 实现多栏布局： 通过将父元素设置为 BFC，可以实现多栏布局，栏与栏之间不会互相影响。
4. 实现垂直居中： 当子元素设置为 BFC 时，可以通过设置父元素的高度和子元素的上下外边距来实现垂直居中。

总结：

BFC 是 CSS 布局中的一个重要概念，它可以帮助你解决很多布局问题，提高页面的可读性和可维护性。