CSS 盒模型

内容、内边距、边框和外边距共同决定元素尺寸，box-sizing 是布局中的关键开关。

核心说明

盒模型把元素尺寸拆成 content、padding、border 和 margin。默认的 content-box 会让 padding 和 border 额外增加元素的占用空间，项目通常会将 box-sizing 设为 border-box 来让 width 和 height 更容易预测。

关键点

• width 控制的是内容区还是边框盒，取决于 box-sizing。
• margin 不属于元素自身背景和边框的一部分。
• 遇到溢出时，先检查实际盒尺寸、最小尺寸和长单词，而不是立即加 overflow: hidden。