1，什么是bfc?

bfc是全稱（Block Formatting Content）英文的縮寫，中文意思的塊級(jí)格式化上下文

2，bfc使用原因

在書(shū)寫css樣式的過(guò)程中會(huì)遇到上下相鄰塊元素的垂直邊距合并或者嵌套塊元素的垂直邊距合并問(wèn)題 ，使用bfc可以解決這一問(wèn)題

3，bfc規(guī)則

bfc區(qū)域之間互相獨(dú)立不受影響，切瀏覽器計(jì)算高度時(shí)會(huì)計(jì)算bfc區(qū)域里浮動(dòng)元素的高度，解決了高度自適應(yīng)時(shí)高度塌陷的問(wèn)題

4，如何觸發(fā)bfc規(guī)則

①給元素添加浮動(dòng)float

②給元素添加定位position:absolute/fixed

③給元素添加display:inline-block/fixed等

④overflow:hidden/auto(不能為默認(rèn)值)

注意：無(wú)論是浮動(dòng)、定位或者更改元素類型,都有可能大幅度的影響頁(yè)面布局,而overflow這個(gè)屬性則沒(méi)有這方面的問(wèn)題。