元素的構成：
Margin(外邊距) - 清除邊框外的區(qū)域，外邊距是透明的勃蜘。
Border(邊框) - 圍繞在內(nèi)邊距和內(nèi)容外的邊框骂铁。
Padding(內(nèi)邊距) - 清除內(nèi)容周圍的區(qū)域纵隔，內(nèi)邊距是透明的。
Content(內(nèi)容) - 盒子的內(nèi)容还绘，顯示文本和圖像。
標準模型與IE模型的區(qū)別
標準模型：元素的寬度/高度 = content的寬度/高度
ie模型：元素的寬度/高度 = content的寬度/高度 + padding的寬度/高度 + border的寬度/高度
行內(nèi)元素的垂直對齊：CSS深入理解vertical-align和line-height的基友關系栖袋。
如何設置這兩種模型
box-sizing: content-box; // 標準模式
box-sizing: border-box; // IE模式
BFC（邊距重疊解決方案）
- 基本概念：塊級格式化上下文
- 基本原理
垂直方向上的邊距會發(fā)生重疊
bfc的區(qū)域不會與浮動元素的box重疊
bfc的元素獨立拍顷，外面的元素不會影響里面的元素，里面的元素不會影響外面的元素
計算bfc的高度時塘幅，浮動元素不參與計算 - 如何創(chuàng)建bfc
overflow的值不為visible
float的值不為none;
position的值不為static或relative
display的值為table類型昔案；
