（1）有兩種： IE 盒子模型、W3C 盒子模型；
（2）盒模型： 內容(content)、填充(padding)、 邊框(border)、邊界(margin)；
（3）區 別： IE的content部分把 padding 和 border 計算了進去；
margin(外邊距) - 清除邊框外的區域，外邊距是透明的。
border(邊框) - 圍繞在內邊距和內容外的邊框。
padding(內邊距) - 清除內容周圍的區域，內邊距是透明的。
content(內容) - 盒子的內容，顯示文本和圖像。
1. W3C的標准盒模型
在標准的盒子模型中，width指 content 部分的寬度
2. IE的盒模型
在IE盒子模型中，width表示 content + padding + border 這三個部分的寬度
3. box-sizing的使用
如果想要切換盒模型也很簡單，這里需要借助css3的box-sizing屬性
box-sizing: content-box 是W3C盒子模型
box-sizing: border-box 是IE盒子模型
box-sizing的默認屬性是content-box