塊格式化上下文（block formatting context，bfc） 是web頁面的可視css渲染的一部分，是塊盒子的布局過程發生的區域，也是浮動元素與其他元素互動的區域。
讓浮動內容和周圍的內容等高, 消除外邊距合併，設定相關屬性
//建立乙個會包含這個浮動的 bfc，通常的做法是設定父元素 overflow: auto 或者設定其他的非預設的 overflow: visible 的值。
1.overflow:
auto
;
2.display: flow-root;BFC 塊級格式上下文
url url 上文已經將的很詳細了，大家可以看看！這裡提另外乙個相關問題 url 我在這篇文章中找到了答案 問題是 有時候我們調子元素的margin top，是想和父元素拉開距離，可事實是和父元素沒拉開距離，反而是父元素與上面拉開了距離，感覺子元素的設定在父元素上起作用，為什麼呢？這是css2.1...
BFC塊級格式上下文
bfc是什麼 bfc block formatting context 塊級格式上下文，是乙個css的布局概念，是頁面視覺化css渲染的一部分，是塊盒子的布局過程發生的區域。bfc的觸發條件 1.浮動元素 元素的float不是none 2.絕對定位元素 元素的position為absolute或fl...
清除浮動及原理 BFC（塊級格式化上下文）總結
clear left right both 2.父元素結束標籤之前插入清除浮動的塊級元素.blankdiv3.利用偽元素 父元素加上乙個類名叫clearfix 在clearfix的最後，新增了乙個after的偽元素，通過清除偽元素浮動，達到撐起父元素高度的目的。clearfix after以上三種清...