BFC( 塊級格式化背景關系 )
塊級格式化背景關系，它是指一個獨立的塊級渲染區域，
只有 Blocklevel BOX 參與，該區域擁有一套
渲染規則來約束塊級盒子的布局，且與區域外部無關.
如何生成BFC
1、根標簽
2、float 的值不為 none
3、 overflow 的值不為 visible
4、display 的值為 inlineblock ,table-cell,table-caption
5、position 的值為 absolute 或 fixed
BFC 的特性
1.內部的標簽會在垂直方向上一個接一個的放置
2.垂直方向上的距離由 margin 決定，屬于同一個 BFC
的兩個相鄰標簽的 margin 會發生重疊
3.每個標簽的左外邊距與包含塊的左邊界相接觸（從左
向右），即使浮動標簽也是如此，
4.BFC 的區域不會與 float 的標簽區域重疊
5.計算 BFC 的高度時，浮動子標簽也參與計算
6.BFC 就是頁面上的一個隔離的獨立容器，容器里面的
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/7083.html
標籤：Html/Css
上一篇：element-ui 表單校驗 Rules 配置 常用黑科技
下一篇：客車網上售票系統--需求分析