最新！ 我的 44 页电子书 "CSS 在 44 分钟内" 已经出版了！ 😃
#box-sizing
定义如何计算元素的宽度和高度：是否包含内边距和边框。
default box-sizing: content-box;
元素的宽度和高度仅适用于元素的内容。
例如，此元素具有
border-width: 12pxpadding: 30pxwidth: 200px
总宽度为 24px + 60px + 200px = 284px。
内容具有定义的宽度。盒子适应这些尺寸。
box-sizing: border-box;
元素的宽度和高度适用于元素的所有部分：内容、内边距和边框。
例如，此元素具有
border-width: 12pxpadding: 30pxwidth: 200px
总宽度为200px，无论如何。
盒子具有定义的宽度。内容适应这些尺寸，最终变为 200px - 60px - 24px = 116px。