应用演示 · 黄梅戏分享会
通知卡片的尺寸与留白
同一张通知卡片，切换 box-sizing，观察边框的位置、内容区的宽度和文字换行。
展开解释
box-sizing 改变 width 对应的区域，不会删除 padding 或 border。本例中 300px、24px 内边距和 8px 边框都没有改动。
使用 content-box 时，边框盒为 364px；使用 border-box 时，边框盒为 300px、内容区为 236px。可见宽度变化来自计算方式，而不是留白被取消。