box-sizing

之前总是遇到有时候设置高度宽度，但是加上padding、border后就会改变，有时又不会改变的情况。

现在终于明白了，因为有这个属性-box-sizing。

box-sizing：border-box | content-box | inherit

box-sizing从字面意思可以认为是盒子尺寸，就是说设置盒子尺寸时遵照的类型。

border-box：设置宽高直接设定了盒子的宽高，padding、border在这个设定的宽高边界内操作。即padding、border不影响盒子尺寸大小。

content-box：设置宽高只设置盒子内容的宽高，padding、border会对盒子整体宽高有影响。

inherit：从父元素继承box-sizing。