css盒模型一共有两种模式：标准模式和怪异模式
只要完整定义DOCTYPE都会触发标准模式，如果DOCTYPE缺失则在ie6/ie7/ie8下将会触发怪异模式
标准模式：盒子总宽度=width+padding+border+margin
怪异模式：盒子总宽度=width(包含padding+border)+margin
说说css3的属性box-sizing吧，它有两个非常重要的值：
第一：值为content-box---------------------------会采用标准模式解析计算
第二：值为border-box-----------------------------会采用怪异模式解析计算