在了解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，則滿足下列的任意一個或多個條件即可： 1、float的值 ...

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

　　最初這篇文章打算回答寒冬大神的第一問，談談CSS布局。本來呢我以為布局主要涉及float跟display相關屬性，以及他們的包含框、靜態位置等等。后來看了大神的一片面試文章，嗯？這里怎么還有個BFC，這是神馬東東。待我搜索一下，薩薩薩，不看不知道，越看越糊塗，這到底是個神馬東東。。。經過一個周 ...

的容器），因此Box內的元素會以不同的方式渲染。讓我們看看有哪些盒子： BFC 快級格式化上下文 ...

什么是BFC？ 全稱塊級格式化上下文？什么意思不懂。看了好多博客，基本都是抄的，真心都不是大白話。我今天來總結一下，用菜鳥級別的語言來描述。 BFC 應該可以抽象成一個 獨立的個體，出淤泥而不染的白蓮花。 是的不受其他元素的影響，始終保持自己獨立。就是正常的普通流布局規則，設置的樣式是什么樣 ...

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