CSS 盒子模型是前端布局的底层逻辑，核心要点可以浓缩为 3 句话：所有 HTML 元素都会被渲染成矩形盒子，由内容区、内边距、边框、外边距四部分组成；box-sizing决定了盒子的尺寸计算规则，border-box能解决 90% 的宽度溢出问题，是布局首选；垂直外边距合并是盒子模型的核心特性，掌握 BFC 触发方式就能解决绝大多数塌陷问题。彻底理解盒子模型后，你会发现 CSS 布局不再是「靠试