1、BFC的概念
Block Formatting Context瑰抵，塊級(jí)格式化上下文你雌。可以理解成一個(gè)獨(dú)立的容器二汛，與外界互不相干婿崭，互不打擾。
2肴颊、BFC的特點(diǎn)
（1）氓栈、相鄰塊級(jí)，垂直方向上的邊距重疊
（2）婿着、BFC區(qū)域不會(huì)與浮動(dòng)元素重疊（清楚文字環(huán)繞）
（3）授瘦、BFC的獨(dú)立性，里外互不影響
（4）竟宋、BFC塊內(nèi)的浮動(dòng)元素會(huì)參與高度計(jì)算（無(wú)高度塌陷）
3提完、創(chuàng)建BFC的方法
（1）、設(shè)置float不為none
（2）丘侠、設(shè)置overflow不為none
（3）徒欣、設(shè)置display為inline-block，table-cell,table-caption
（4）婉陷、設(shè)置position不為static或者relative
4帚称、BFC的應(yīng)用場(chǎng)景
（1）官研、清除文字環(huán)繞
（2）秽澳、解決外邊距重合
（4）、解決與浮動(dòng)元素重疊（常見(jiàn)兩欄布局戏羽，右邊自適應(yīng)担神，三欄布局中間自適應(yīng)）
（5）、解決高度塌陷始花，即浮動(dòng)子元素參與高度計(jì)算妄讯。
