# 一、何為BFC BFC（Block Formatting Context）格式上下文，是Web頁面中盒模型布局的CSS渲染模式，指一個獨立的渲染區或者說是一個隔離的獨立容器。 # 二、形成BFC的條件 1.浮動元素 2.定位元素 3.display為以下其中之一的值 inline-block,table-cell,table-caption; 4.overflow 除了visible以外的值（hidden，auto，scroll） # 三、BFC的特性 1.內部的Box會在垂直方向上一個接一個的放置。 2.垂直方向上的距離由margin決定 3.bfc的區域不會與float的元素區域重疊。 4.計算bfc的高度時，浮動元素也參與計算 5.bfc就是頁面上的一個獨立容器，容器里面的子元素不會影響外面元素。