核心知识
content-box 的尺寸
默认 content-box 下，width 只表示内容区；padding 和 border 另加。
- 最终可见宽度 = width + 左右 padding + 左右 border
- margin 仍在盒子外部
- 先手算再看 DevTools
.card{width:300px;padding:20px;border:5px solid}
/* 可见宽度：350px */默认 content-box 下，width 只表示内容区；padding 和 border 另加。
.card{width:300px;padding:20px;border:5px solid}
/* 可见宽度：350px */