1. 標(biāo)準(zhǔn)盒模型

width：代表內(nèi)容區(qū)域的寬度；

height：代表內(nèi)容區(qū)域的高度；

盒子總寬：width + 內(nèi)邊距 + 邊框 + 外邊距；

2. 怪異盒模型

width：代表的是 內(nèi)容區(qū)寬度 + 內(nèi)邊距 + 邊框；

height：代表 內(nèi)容區(qū)高度 + 內(nèi)邊距 + 邊框；

盒子總寬：width + 外邊距；

3. box-sizing 屬性

通過這個屬性，可以規(guī)定盒子是以標(biāo)準(zhǔn)盒模型還是怪異盒模型（IE盒模型）來渲染。

box-sizing:content-box|border-box;

content-box：默認(rèn)值，以標(biāo)準(zhǔn)盒模型模式去解析計算；

border-box：以怪異盒模型去解析計算。