千鋒前端浠浠呀老師HTML+CSS教程，零基礎web前端開發(fā)入門必看視頻
2023-07-12 16:06 作者:bili_57494274571 | 我要投稿
?BFC：塊級格式化上下文，元素觸發(fā)BFC會形成一個獨立的區(qū)域，區(qū)域元素與外部互不影響
????????????觸發(fā)條件：
????????????????1、html就是一個BFC
????????????????2、給元素添加浮動（取值不能為none）
????????????????3、元素overflow取值不為visible
????????????????4、display取值為inline-block/table-cell/flex
????????????????5、元素添加定位（絕對：absolute/固定：fixed）
????????????應用場景：
????????????????1、兄弟關系中，兩元素垂直距離（上下margin重疊問題）
????????????????2、利用BFC不占用浮動元素空間的特點實現(xiàn)兩欄布局
????????????????3、清除浮動（高度塌陷）
標簽：
