box-sizing:border-box

box-sizing:border-box

一般盒模型设置width后，再设置padding和border都是在已设的width往盒模型外加的。
如width:100px;padding:10px;border:10px;则最后盒模型是占据120px空间的（不考虑margin）。
设置box-sizing:border-box后，盒模型的内边距和边框即往内侧添加。

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

参考地址