- BFC是什么?
- BFC(block formatting context)塊級(jí)格式化上下文镀梭,是Web頁面的可視化CSS渲染出的一部分铐伴。它是塊級(jí)盒布局出現(xiàn)的區(qū)域,也是浮動(dòng)層元素進(jìn)行交互的區(qū)域杠览。
- BFC是怎么形成的弯菊?
- 一個(gè)塊格式化上下文由以下之一創(chuàng)建:
- 根元素或其它包含它的元素
- 浮動(dòng)元素(float不為none)
- 絕對(duì)定位元素(position:absolute | fixed)
- 內(nèi)聯(lián)塊(display:inline-block)
- 表格單元格 (元素具有 display: table-cell,HTML表格單元格默認(rèn)屬性)
- 表格標(biāo)題 (元素具有 display: table-caption, HTML表格標(biāo)題默認(rèn)屬性)
- 具有overflow且值不是 visible 的塊元素
- display:flow-root
- column-span: all應(yīng)當(dāng)總是會(huì)創(chuàng)建一個(gè)新的格式化上下文踱阿,即便具有 column-span: all 的元素并不被包裹在一個(gè)多列容器中管钳。
- BFC有什么作用?