快遞車上包裹盒子模型
盒子的特征： 每個盒子都有 邊距、邊框、填充、内容四個屬性
CSS盒子模型
在浏覽器中，把一個個html元素當成一個個盒子。把一個個盒子擺放到浏覽器的視窗當中。
boder、padding、margin 都有top、right、bottom、left 四部分
<a href="http://www.css88.com/book/css/properties/dimension/width.htm" target="_blank">盒模型屬性</a>
預設值：auto | inherit
适用于：除非置換内聯元素，table-row, table-row-group之外的所有元素
繼承性：無
計算值：指定的值
auto： 無特定寬度值，取決于其它屬性值
檢索或設定對象的寬度。
最大寬度
預設值：none
<dl></dl>
<dt>none： 無最大寬度限制</dt>
<dt></dt>
設定或檢索對象的最大寬度。
IE6尚不支援此屬性
對應的腳本特性為maxWidth。
height --- 高度
适用于：除非置換内聯元素，table-column, table-column-group之外的所有元素
<dt>auto： 無特定高度值，取決于其它屬性值</dt>
檢索或設定對象的高度。
對應的腳本特性為height。
min-height --- 最小高度
預設值：0
檢索或設定對象的最小高度。
對應的腳本特性為minHeight。
開始做，堅持做，重複做