CSS盒子模型

CSS盒子模型包含2种：

1. W3C标准盒子模型（box-sizing: content-box）
2. IE怪异盒子模型 （box-sizing: border-box）

---

W3C标准盒子模型

w3c盒子模型的范围包括margin、padding、border、content。
并且 content 部分不包含其他部分。

---

IE怪异盒子模型

IE盒子模型的范围包括margin、padding、border、content。
和w3c盒子模型不同的是，IE盒子模型的content部分包含了padding和border。

---

CSS3 指定盒子模型种类

CSS3 box-sizing属性

---

IE5.5及更早的版本使用的是IE盒模型（这意味着此盒模型问题只会出现在IE5.5及其更早的版本中）。

IE6及其以上的版本在标准兼容模式下使用的是W3C的盒模型标准。只要为文档设置一个DOCTYPE，就会使得IE遵循标准兼容模式的方式工作。