css盒模型一共有兩種模式：標准模式和怪異模式
只要完整定義DOCTYPE都會觸發標准模式，如果DOCTYPE缺失則在ie6/ie7/ie8下將會觸發怪異模式
標准模式：盒子總寬度=width+padding+border+margin
怪異模式：盒子總寬度=width(包含padding+border)+margin
說說css3的屬性box-sizing吧，它有兩個非常重要的值：
第一：值為content-box---------------------------會采用標准模式解析計算
第二：值為border-box-----------------------------會采用怪異模式解析計算