css盒模型（标准模式和怪异模式）

css盒模型一共有两种模式：标准模式和怪异模式

只要完整定义DOCTYPE都会触发标准模式，如果DOCTYPE缺失则在ie6/ie7/ie8下将会触发怪异模式

标准模式：盒子总宽度=width+padding+border+margin

怪异模式：盒子总宽度=width(包含padding+border)+margin

说说css3的属性box-sizing吧，它有两个非常重要的值：

第一：值为content-box---------------------------会采用标准模式解析计算

第二：值为border-box-----------------------------会采用怪异模式解析计算