bfc:塊級格式化背景關系 ，是一個有特殊功能的容器
決議bfc區域的規則（特殊功能）：
1、bfc內部元素從上往下排列，一個挨著一個
2、元素的左外邊距挨著bfc區域的左邊框
3、垂直擺放的元素邊距由margin決定，同屬于同一個bfc區域的元素垂直margin會合并
4、bfc區域和float元素不會重疊（特殊情況position）
5、bfc就是頁面上的一個隔離的獨立容器，容器里面的子元素不會影響到外面的元素
6、計算bfc的高度時，浮動元素也參與計算
bfc觸發規則：
1、html（根元素）是最大的bfc區域
2、position為absolute、fixed
3、display為
inline-block
table-cell
table-caption
flex
inline-flex
4、overflow不為visible
5、float不為none
bfc應用：
1、兩列布局，三列布局
2、清除高度塌陷
3、使垂直方向的外邊距不合并（父子關系）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/63829.html
標籤：Html/Css
上一篇：表格及表單屬性