BFC有什么用

BFC是一个CSS属性，表示“块级格式上下文”，它可以用于解决一些布局问题，比如浮动元素的包裹问题、垂直方向的对齐等。具体用途如下：

1. 清除浮动：当父元素设置BFC后，它会将浮动元素包裹在内部，从而避免浮动元素对周围元素的影响。

2. 防止外边距合并：当两个相邻元素都设置了BFC时，它们之间的外边距就不会合并在一起。

3. 实现多栏布局：通过将父元素设置为BFC，可以实现多栏布局，并且栏与栏之间不会互相影响。

4. 实现垂直居中：当子元素设置为BFC时，可以通过设置父元素的高度和子元素的上下外边距来实现垂直居中。

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