Question

标准盒模型和标准模式有什么关系 怪异盒模型和兼容模式什么关系+ 标准模式和兼容模式的分别是怎么运行的

Answer 1

标准盒模型，简单的说就是margin=》border=》padding =》width/height这样的最终尺寸大小计算方式。
标准模式是指，<！DOCTYPE ....>声明了标准的协议，这个跟xml知识相关，参考XML与DTD
怪异盒模型:box-sizing:border-box;
盒子的宽 = width(左右padding+左右border+content)+左右margin
盒子的高 = height(上下padding+上下border+content)+上下margin

兼容模式这个现行的说法一般来说，双核心浏览器（ie+webkit）为了兼容老的一些ms的active插件做模式，打开这种模式以后会切换到ie内核，正常以webkit内核运行。

怪异盒模型一般而言是在ie内核中，没有DTD定义，浏览器会自动促发quirks模式。

还有一种定义兼容模式也是在ie6789中特有的兼容视图方式。浏览器本身去以较低的版本去渲染页面，以保证老旧的空间也能正常的运行。具体在菜单里面找找。

怪异盒模型本质上跟兼容模式没什么必然性的关联。主要跟DTD有关。可以查阅html4的标准DTD。