一、盒模型的组成：margin+border+padding+content
二、分类
①标准盒模型 ②IE6盒模型（怪异盒模型）
区别：width包含的内容不同
标准盒模型设置的width=真实的内容区宽度，IE6盒模型设置的width=真实的内容区宽度+padding+border
三、标准盒模型
组成：盒子壁border+内边壁padding+盒子内容（content=width+height）
标准盒模型中width指的是真实的内容区域宽度，height指的是真实的内容区域高度，padding和border不被包含在定义的width和height之内。对象的实际宽度=width+border（左右）+padding（左右）
四、IE6盒模型（怪异盒模型）怪异盒模型中的width指的是内容、边框、内边距总的宽度（content+border+padding）；height指的是内容、边框、内边距总的高度。padding和border被包含在定义的width和height之内，所以对象的实际宽度就等于设置的width值，即使定义有border和padding也不会改变对象的实际宽度，即总宽度=width)。
四、切换盒模型可以通过box-sizing属性
①标准盒模型 ：border-box
②IE6盒模型（怪异盒模型）：content-box