相关链接：MDN#怪异模式和标准模式
标准盒模型（W3C标准）
块总宽度 = 内容宽度（content） + margin（左右）+ padding（左右）+ border（左右）
怪异盒模型（IE标准）
块总宽度 = width（content、padding和border）+ margin（左右）
怪异盒模型的触发条件
如果 html 顶部 DOCTYPE 缺失，在ie6、ie7、ie8就会触发怪异模式（Quirks mode）
设置盒模型
通过css设置盒模型
应用场景
需要盒子所占宽度为 160px （包含边框 1px 和内边距 10px 的盒子）时，设置box-sizing为border-box，将 width 设置为 160px ,不需要人为计算content宽度。省去了人为计算content 的过程，减少计算量，降低了错误率。
