盒模型主要有以下几部分组成：

• 内容（content）
• 内边距（padding）
• 边框（border）
• 外边框（margin）

盒模型分为两种：

1. 标准盒模型(w3c 盒模型) 标准盒模型的 width = content
2. IE 盒模型 IE 盒模型的 width = padding + border + content

默认的情况下，盒子都是基于标准盒模型的盒子。

在 css3 中出现了 box-sizing 属性，该属性会改变默认盒子的盒模型。该属性的两个属性值分别表示为：content-box（标准盒模型）和 border-box（IE 盒模型）。