CSS盒模型的2个误区

翻看博客的时候发现关于CSS盒模型的解释有一些过时，希望在此更新纠正一下。

2种盒模型

首先CSS盒模型的确有两种：标准盒模型（W3C标准定义的盒模型）和怪异盒模型（IE模型）：

这里的“怪异盒模型（IE模型）”其实是国内的称呼，它来源于IE浏览器为了让一些只兼容IE 6以下版本的旧浏览器的页面能够被显示，而提供的“怪异模式“（Quirks mode）。而现大多页面都已经跟着W3C标准走了，怪异模式很少见，只有需要支持非常旧的页面的时候可以利用<DOCTYPE>标签来触发怪异模式（详情见MDN）。而我们看到的博客中经常使用的怪异盒模型则基本是指使用了box-sizing属性更改了盒子默认的height和width计算方式。实际上在MDN和W3C标准中并不能找到这样的称呼