瀏覽器中有一個叫做BFC（塊級格式上下文）的概念，它是css中很重要也很常用的一個特性。BFC的主要用途是解決元素的布局問題，以及消除浮動帶來的影響。

在一個BFC中，塊級元素會在垂直方向上一個接一個排列，不會出現(xiàn)重疊，并且每個元素的左邊和右邊都會貼著父容器。這種排列方式通常被稱為普通流。其中，形成BFC的元素有以下幾種：

1. body元素
2. 浮動元素 float 不為 none
3. position 為absolute或fixed
4. display:inline-block; inline-flex
5. overflow不為visible的塊元素
6. fieldset元素
7. table元素
8. 彈性元素 flex

通過創(chuàng)建BFC，我們可以讓以下操作變得簡單：

1. 清除浮動：給浮動元素所在的父元素設為 BFC
2. 避免 margin 重疊：在需要避免margin重疊的元素外層設置為BFC
3. 自適應兩欄布局：利用BFC解決高度塌陷問題
4. 防止元素溢出：使用觸發(fā)BFC

總之，BFC是一個很強大的工具，它可以幫助我們解決許多css布局問題，提高代碼的可維護性和易讀性。同時，我們也需要注意在具體應用BFC的時候，要靈活選擇元素的定位方式和觸發(fā)方式，以達到最佳的效果。