@bfc

05:44 PM · Nov 05 ,2025 @compose_hub

CSS中的FC到BFC

本文首發國內開源代碼託管平台Gitee 文章地址： https://gitee.com/gooder4j/compose-hub/issues/I4U78Q 覺得不錯的話，你的star是對我最大的支持！ Formatting Context簡單理解，就是定義了佈局規則的一片區域。它的類型包括： Block Formatting Context，簡稱BFC Inl

前端 , css , css技巧 , bfc , 佈局

@compose_hub

Nickname compose_hub

05:34 PM · Nov 05 ,2025 @beckyyyy

對BFC的理解

在前端的面試中，相對JavaScript而言，CSS佈局方面考察的內容會相對少一些，其中BFC是佈局樣式方面常考的一個考點。什麼是BFC BFC，全稱為Block Formatting Context，翻譯過來即塊格式化上下文。之前在其他文章中看到的説明是，網頁上一個獨立且隔離的渲染區域。現在呢，我稍微查閲了一些官方的信息。在瞭解BFC之前，我們需要先了解一些其他概念：包含塊（contai

bfc , 前端 , html , css , 佈局

@beckyyyy

Nickname beckyyyy

Contributes

@bfc

CSS中的FC到BFC

對BFC的理解