CSS 盒模型

CSS 盒模型描述元素内容、内边距、边框和外边距之间的尺寸关系，理解它有助于判断元素的实际占用空间。

尺寸计算

盒子由内容、内边距、边框和外边距组成。通常的块级盒子在 content-box 下，width 指内容宽度，padding 和 border 额外增加外部尺寸；border-box 把 padding 与 border 计入声明的宽度，margin 仍在外部。

参考：盒模型。