對盒模型的理解

盒模型分爲w3c盒子模型（標準盒模型）和IE盒子模型（怪異盒模型）。

標準盒模型 box-sizing:content-box;

IE盒模型 box-sizing:border-box;

標準盒模型，元素內容佔據的空間是由width設置決定的，因此，盒子實際內容（content）的width/height = 設置的width/height;盒子總寬度/總高度 = width/height + padding + border + margin;

IE盒模型，盒子的（content）寬度 + padding + border = 設置width；

盒子的（content）高度 + padding + border = 設置height;

盒子總寬度/總高度 = width/height + margin = content的寬度/高度 + padding + border + margin;