让padding、border等不占据高宽度的方法

今天在仿一个网站的时候，发现所有的padding、border等都不占据高度、宽度，导致很多地方要去重新调试高度和宽度。

因为太多，就想着到底是哪里出问题了，找了很久发现是全局css里面有这么一句话：

-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

去掉之后，一切正常。

后来发现一篇文章，专门介绍了 box-sizing 这个属性，如果加上以上代码，则padding、border等就不会占据高、宽度。