box-sizingbox-sizing 是 CSS 中用于控制元素尺寸计算方式的关键属性，它决定了元素的 width

box-sizing 是 CSS 中用于控制元素尺寸计算方式的关键属性，它决定了元素的 width 和 height 是否包含内边距（padding）和边框（border）。

属性值	计算方式
`content-box` (默认值)	`width/height` = 内容区域尺寸不包含 `padding` 和 `border`
`border-box`	`width/height` = 内容 + `padding` + `border` 包含内边距和边框尺寸

推荐在 CSS 开头全局启用 border-box，提升开发效率：

/* 所有元素及伪元素统一使用 border-box */
*, *::before, *::after {
  box-sizing: border-box;
}