1材部、BFC的基本概念毫缆?
????????塊級(jí)格式化上下文。與之并列的是IFC(內(nèi)聯(lián)元素的格式化上下文乐导,此處先不討論哈)苦丁。
2、說(shuō)下BFC的原理兽叮?
? ? ? ? BFC原理就是BFC的渲染規(guī)則芬骄,共四點(diǎn):
a) 在BFC這個(gè)元素垂直方向的邊距會(huì)發(fā)生重疊。
b) BFC的區(qū)域不會(huì)與浮動(dòng)元素box重疊鹦聪,用來(lái)清除浮動(dòng)的和布局的账阻。
c) BFC在頁(yè)面上是一個(gè)獨(dú)立的容器,外面的元素不會(huì)影響里面的元素泽本,里面的元素也不會(huì)影響外面的元素淘太。
d) 計(jì)算BFC元素的高度的時(shí)候,浮動(dòng)元素也會(huì)參與計(jì)算规丽。
3蒲牧、說(shuō)下如何創(chuàng)建BFC?
a) overflow除了 visible 以外的值(hidden赌莺,auto冰抢,scroll)。
b) float 除 none 以外的值艘狭。
c) position值不是relative或者static挎扰,absolute,fixed巢音。
d) display屬性inline-block遵倦,table-cell,table-caption官撼。