全局设置 border-box 很好，首先它符合直觉，其次它可以省去一次又一次的加加减减

它还有一个关键作用——让有边框的盒子正常使用百分比宽度。但是使用了 border-box 可能会与一些依赖默认 box-sizing 的库冲突

不过这种问题大多数时候可以通过把交由这些库处理的块的 box-sizing 设置回 content-box 来解决。

1 html {
2   box-sizing: border-box;
3 }
4 *, *:before, *:after {
5   box-sizing: inherit;
6 }