bfc（塊級格式化上下文）
塊級格式化上下⽂，是⼀個獨⽴的渲染區域，讓處於 bfc 內部的元素與外部 的元素相互隔離，使內外元素的定位不會相互影響。 ie下為 layout ，可通過 zoom:1 觸發 觸發條件: 根元素
position: absolute/fixed
display: inline-block / table
float 元素
ovevflow !== visible
規則: 屬於同⼀個 bfc 的兩個相鄰 box 垂直排列 屬於同⼀個 bfc 的兩個相鄰 box 的 margin 會發⽣重疊
bfc 中⼦元素的 margin box 的左邊， 與包含塊 (bfc) border box 的左邊相接觸 (⼦元素 absolute 除外)
bfc 的區域不會與 float 的元素區域重疊 計算 bfc 的⾼度時，浮動⼦元素也參與計算 ⽂字層不會被浮動層覆蓋，環繞於周圍 應⽤: 阻⽌ margin 重疊 可以包含浮動元素 —— 清除內部浮動(清除浮動的原理是兩個 div 都位於同⼀個 bfc 區 域之中) ⾃適應兩欄布局
可以阻⽌元素被浮動元素覆蓋
塊級格式化上下文（BFC）
最近遇到乙個專業的名詞，不是很懂，所以了解了一下，並總結歸納一下。首先清楚我們的問題是什麼？bfc是什麼？怎麼建立？什麼情況下建立？有什麼特性和作用？bfc 就是一種屬性，這種屬性會影響著元素的定位以及與其兄弟元素之間的相互作用。1，浮動元素，float 除 none 以外的值 2，絕對定位元素，p...
BFC 塊級格式化上下文
bfc簡述 bfc即 block formatting contexts 塊級格式化上下文 是 w3c css2.1 規範中的乙個渲染規範，是頁面中的一塊渲染區域並且有自己獨有的渲染規則，決定了子元素的渲染位置以及和其他元素之間的關係和相互作用。bfc規則 同一bfc內的塊元素的上邊的邊距重疊 規定...
BFC塊級格式化上下文
塊格式化上下文 block formatting context，bfc 是web頁面的可視css渲染的一部分，是塊盒子的布局過程發生的區域，也是浮動元素與其他元素互動的區域。根元素 浮動元素 元素的 float 不是 none 絕對定位元素 元素的 position 為 absolute 或 fi...