盒模型布局常見問題：
1.BFC內(nèi)部的盒子會垂直排列，即一個盒子總是會占據(jù)一行托呕，即使兩個盒模型的寬度加起來沒有父元素寬带迟，都會分為兩行顯示命锄。--block元素的特點
2.屬于同一BFC的相鄰盒子的垂直margin會重疊。--使用一個BFC盒子包裹其一
3.盒子內(nèi)部元素的 margin-box 左邊會與包含塊 border-box 的左邊相接万哪，即使存在浮動也如此懦尝。--觸發(fā)BFC解決
4.盒子內(nèi)部元素浮動時知纷，盒子高度沒有被撐開。--觸發(fā)BFC解決
demo頁面請點擊
注：默認只有body元素觸發(fā)BFC（塊級作用域上下文）
css盒模型
盒模型特點：
1. 默認寬度為父元素的寬度
2. 默認高度為子元素的高度
3. 可以指定高度和寬度
BFC特點：
1. BFC不與float box疊加陵霉；
2. BFC內(nèi)外部元素互不影響琅轧；
3. 計算BFC高度時，浮動元素也參與計算踊挠。
