block formatting context 塊級格式化上下文
塊級元素的渲染區域規則 bfc盒子 外部不影響內部 內部不影響外部
1. float不為none
2. position屬性為absolute和fixed
3. oveflow不為visiable
4. html 根標籤
1. bfc盒子內部的子標籤按照垂直從上到下排
2. 共用乙個bfc盒子的垂直方向上的外邊距會發生塌陷現象
3. 子標籤都會父盒子的左邊界停靠,即使浮動元素也如此
4. bfc盒子內部浮動元素也要參與高度計算
5. bfc區域和浮動元素不重疊
6. bfc盒子是乙個密閉空間 外部不影響內部 內部不影響外部
2—》外邊距塌陷
3—》浮動特性
4—》清除浮動影響
5----》**不環繞 (p+overflow)
前端什麼是BFC
什麼是bfc?全稱塊級格式化上下文?什麼意思不懂。看了好多部落格,基本都是抄的,真心都不是大白話。我今天來總結一下,用菜鳥級別的語言來描述。bfc 應該可以抽象成乙個 獨立的個體,出淤泥而不染的白蓮花。是的不受其他元素的影響,始終保持自己獨立。就是正常的普通流布局規則,設定的樣式是什麼樣的,就按正常...
CSS8 到底什麼是BFC?
現在有flex布局等新技術,bfc的效果比如包住元素,進行自適應布局等已經不需要了。現在只有免式的事後才需要知道bfc!9.4.1 塊格式化上下文 浮動,絕對定位元素,非塊盒的塊容器 例如,inline blocks,table cells和table captions 和 overflow 不為 ...
什麼是BFC?CSS中的BFC有什麼作用?
什麼是bfc blockformattingcontext formattingcontext 格式化上下文 是w3ccss2.1規範中的乙個概念。它是頁面中的一塊渲染區域,並且有一套渲染規則,它決定了其子元素將如何定位,以及和其他元素的關係和相互作用。而blockformattingcontext...