CSS中的BFC是什么意思?BFC的全稱是“塊級格式化上下文”,它是由W3C規范定義的一種布局方式。BFC是頁面中展示布局的基本單位,在頁面布局中扮演著非常重要的角色。
在CSS中,每個元素都有一個特定的“盒子”,而BFC是描述這個“盒子”內部布局的一種機制。當一個元素被設為BFC,它內部的布局就會按照BFC的規則來進行排版。
BFC有一些特點。首先,BFC中的元素不會與浮動元素重疊。其次,BFC中的元素在垂直方向上會按照規則進行布局。這個規則是:BFC中的所有元素的上下邊距,會產生邊距折疊(Margin Collapse)。換句話說,BFC中的上下邊距會互相合并,取其中的最大值作為最終邊距。
一個元素如何成為BFC呢?
. { overflow: hidden; display: table-cell; display: table-caption; display: inline-block; }
以上是成為BFC的常用方法。設置元素的display屬性為table-cell、table-caption、inline-block和-webkit-box可以讓元素成為BFC。
BFC是CSS常用的一種布局方式,應用起來也比較方便。理解BFC的規則,可以幫助我們更好地為頁面進行布局。
上一篇java的方法區和堆
下一篇mysql5.6分布式