CSS box-sizing 属性

border-box

元素的width和height包含：内容区域、padding、border，但不包含margin。

给一个设置了width: 100px的元素加padding: 10px，元素实际宽度为：100（100px），避免溢出。

content-box

元素的width和height仅包含内容区域，不包含padding、border、margin。

给一个设置了width: 100px的元素加padding: 10px，元素实际宽度为：100+10+10（120px）。

推荐全局设置

* {
    box-sizing: border-box;
}