盒模型（标准，怪异）？

1、盒模型（标准，怪异）是什么？

盒模型： 可以用来对元素进行布局，包括内边距，边框，外边距，和实际内容这几个部分。

盒模型分为两种： 第一种是W3C标准的盒子模型（标准盒模型），第二种IE标准的盒子模型（怪异盒模型）

标准盒模型与怪异盒模型的区别：
在标准模式下，一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)
在怪异模式下，一个块的总宽度= width + margin(左右)（即width已经包含了padding和border值）

如何触发两种盒模型：
如果是定义了完整的doctype的标准文档类型，无论是哪种模型情况，最终都会触发标准模式，如果doctype协议缺失，会由浏览器自己界定，在IE浏览器中IE9以下（IE6.IE7.IE8）的版本触发怪异模式，其他浏览器中会默认为W3C标准模式。

注意：
可以采用css3中的box-sizing属性来统一标准盒子模型和怪异盒子模型

属性box-sizing有三个属性值：
content-box： 将盒子设置为标准盒子模型
border-box： 将盒子设置为怪异盒子模型
padding-box： 将padding算入width范围
inherit; 规定应从父元素继承 box-sizing 属性的值。