标准盒模型和 border-box 有什么区别？

content-box 下，声明的 width 指内容区宽度，边框盒宽度还要加上左右 padding 与 border。border-box 下，声明的宽度包含内容、padding 和 border。margin 不属于这两种宽度。

*, *::before, *::after {
  box-sizing: border-box;
}

实际布局还会受到 min-width、max-width、Flex 收缩和内容最小尺寸等约束。排查“宽度不对”时，应检查最终计算样式，而不只看 width。