bfc基本原理

  BFC佈局規則： 1.BFC內部的Box會在垂直方向，一個接一個地放置。 2.Box垂直方向的距離由margin決定，屬於同一個BFC的兩個相鄰Box的margin會發生重疊。 3.每個元素的margin box的左邊，與包含塊border box的左邊相接觸(對於從左往右的格式化，否則相反)。即使存在浮動也是如此。 4.BFC的區域不會與float box重疊。 5.BFC就是頁面上的一個隔

>>阅读原文<<