IFC和bfc的知識點。

2022-08-28 08:06:11 字數 991 閱讀 2480

ifc和bfc的知識點。

ifc(ifc(inline formatting context),即⾏內格式化上下⽂,,⽔平⽅向上的margin,border和padding在框之間得到

保留。框在垂直⽅向上可以以不同的⽅式對⻬:它們的頂部或底部對⻬,或根據其中⽂字的基線對⻬。包含那些框的

⻓⽅形區域,會形成⼀⾏,叫做⾏框(line box)。⼀個⾏框的寬度由包含它的元素的寬度和包含它的元素⾥⾯有沒有float

元素來決定,⾼度的確定由⾏⾼度計算規則決定。⾏框的⾼度⾜以包含他的內部容器,也可能⽐它包含的容器們都⾼(⽐如

在基線對⻬的時候),當他包含的內部容器的⾼度⼩於⾏框的⾼度時,內部容器的垂直位置由⾃⼰的vertical(預設值

)是baseline)這個屬性來確定。(這個性質可以⽤來實現垂直居中)

bfc獨立的渲染區域/與該區域外部不想幹/需要觸發flower-hidden宣告獨立

bfc(內部的box會在垂直⽅向,⼀個接⼀個地放置。

box垂直⽅向的距離由margin決定。屬於同⼀個bfc的兩個相鄰box的margin會發⽣重疊

每個元素的margin box的左邊, 與包含塊border box的左邊相接觸(對於從左往右的格式化,否則相反)。

即使存在浮動也是如此。

bfc的區域不會與float box重疊。

bfc就是⻚⾯上的⼀個隔離的獨⽴容器,容器⾥⾯的⼦元素不會影響到外⾯的元素。反之也如此。

計算bfc的⾼度時,浮動元素也參與計算

根元素float屬性不為none

position為absolute或fixed

display為inline-block, table-cell, table-caption, flex, inline-flex

overflow不為visiblebfc就是⻚⾯上的⼀個隔離的獨⽴容器,容器⾥⾯的⼦元素不會影響到外⾯的元素。反之也

bfc就是⻚⾯上的⼀個隔離的獨⽴容器,容器⾥⾯的⼦元素不會影響到外⾯的元素。反之也

如此。

CSS布局之BFC和IFC

這是一篇css2 3的布局規則0.000001覽 bfc block formatting context 塊級格式上下文 塊級元素 block level elements display block list item table flex 塊級盒 block level boxes 塊級盒是指...

HashMap知識點和紅黑樹知識點

hashmap知識點 初始容量 16 裝載因子 0.75 預設限制擴容數 64 轉換紅黑樹閾值 8 轉換鍊錶閾值 6 當鍊表長度大於8 鍊錶轉為紅黑樹 前提是hashmap容量達到64 當紅黑樹中的元素個數小於6 再轉回鍊錶 前提是根節點或者子節點為空 其實不準確 2.1 大於8,是先考慮table...

TestLink知識點Mantis知識點

testlink知識點 1 testlink系統提供了六種角色 a guest 只有讀的許可權,適合於檢視測試用例和測試需求,以及專案分析的使用者。b testdesigner 可以開展測試用例和測試需求的所有工作。c tester 只能執行測試用例。d senior tester 可以檢視和維護測...