CSS 如何设置两种盒模型

盒模型主要有两种类型：一种是 IE 的怪异盒子模型，另一种是 W3C 的标准盒子模型。

这两种盒模型都由以下四个部分组成：内容（content）、内边距（padding）、边框（border）以及外边距（margin）。

在 W3C 的标准盒子模型中，宽度和高度指的是内容区（content）的宽度和高度。而在 IE 的怪异盒子模型中，宽度和高度则包括了内容区（content）、内边距（padding）以及边框（border）的宽度和高度。

标准盒模型：

box-sizing: content-box;

怪异盒模型：

box-sizing: border-box;