`* { box-sizing: border-box; }`会产生怎样的效果？ ​

• 元素默认应用了box-sizing: content-box，元素的宽高只会决定内容（content）的大小。
• box-sizing: border-box改变计算元素width和height的方式，border和padding的大小也将计算在内。
• 元素的height = 内容（content）的高度 + 垂直方向的padding + 垂直方向border的宽度
• 元素的width = 内容（content）的宽度 + 水平方向的padding + 水平方向border的宽度