---恢復內容開始--- BFC（Block Formatting Context）直譯為“塊級格式化范圍”。 是 W3C CSS 2.1 規范中的一個概念，它決定了元素如何對其內容進行定位，以及與其他元素的關系和相互作用。當涉及到可視化布局的時候，Block Formatting ...

一、什么是BFC BFC(block formatting context）：簡單來說，BFC 就是一種屬性，這種屬性會影響着元素的定位以及與其兄弟元素之間的相互作用。 中文常譯為塊級格式化上下文。是 W3C CSS 2.1 規范中的一個概念，它決定了元素如何對其內容進行定位，以及與其他元素 ...

BFC 已經是一個耳聽熟聞的詞語了，網上有許多關於 BFC 的文章，介紹了如何觸發 BFC 以及 BFC 的一些用處（如清浮動，防止 margin 重疊等）。雖然我知道如何利用 BFC 解決這些問題，但當別人問我 BFC 是什么，我還是不能很有底氣地解釋清楚。於是這兩天仔細閱讀了CSS2.1 ...

塊格式化上下文（Block Formatting Context，BFC） 是Web頁面的可視化CSS渲染的一部分，是塊盒子的布局過程發生的區域，也是浮動元素與其他元素交互的區域。 下列方式會創建塊格式化上下文： 根元素或包含根元素的元素 浮動元素（元素的 float ...

在了解BFC之前，先了解兩個概念： 1.box就是盒模型。box是css布局的對象和基本單位，說白了就是咱們網頁布局的基石，簡單來說一個頁面是由很多box（盒模型）組成的。 2.元素的類型也就是display屬性。元素的類型和display屬性決定了這個 Box的類型。不同類型的Box，會參與 ...

一、BFC是什么 塊格式化上下文（Block Formatting Context，BFC） 是Web頁面的可視CSS渲染的一部分，是塊盒子的布局過程發生的區域，也是浮動元素與其他元素交互的區域。 官方的定義比較高深莫測，我還是更喜歡《CSS世界》這本書對BFC的解釋 ...

在一個Web頁面的CSS渲染中，塊級格式化上下文 (Block Fromatting Context)是按照塊級盒子布局的。W3C對BFC的定義如下： 為了便於理解，我們換一種方式來重新定義BFC。一個HTML元素要創建BFC，則滿足下列的任意一個或多個條件即可 ...

在一個Web頁面的CSS渲染中，塊級格式化上下文 (Block Fromatting Context)是按照塊級盒子布局的。W3C對BFC的定義如下： 為了便於理解，我們換一種方式來重新定義BFC。一個HTML元素要創建BFC，則滿足下列的任意一個或多個條件即可： 1、float的值 ...