在使用padding时，需要重新计算width，而且border不算在width里，给数学不好的人添加了无数麻烦
2015-09-04 10:10:49
设置一个元素为 box-sizing: border-box; 时，此元素的内边距和边框不再会增加它的宽度。这样的话，在手机版的布局时，也会省事很多，因为border算在宽度里面了，不用再担心，宽设定为100%时，如果去1px的border了。
.a{
width: 500px;
margin: 20px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b{
width: 500px;
margin: 20px auto;
padding: 50px;
border: solid blue 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
使用 -webkit- 和 -moz- 前缀，这可以启用特定浏览器实验中的特性。