CSS 有两种盒子模型。

一种是W3C的标准盒子模型。另一种是IE的盒子模型。

W3C的标准盒子模型中width包括了width+padding+border。

IE的盒子模型的width只有width，不包含padding和border。

box-sizing的作用

如果想要切换盒子模型，可以使用box-sizing属性。

例：box-sizing: content-box      是W3C盒子模型 

  box-sizing: border-box        是IE盒子模型

例
.test{

            box-sizing:border-box;

            width:200px;

        }