盒模型由content（内容区域），padding（内边距），border（边框），margin（外边距）组成。有两种标准，一种是标准盒子模型（W3C盒子模型），另一种是IE盒子模型（怪异盒子模型）。当对一个文档进行布局的时候，浏览器的渲染引擎会根据这两个标准的其中一个将所有元素表示为一个个矩形的盒子。这两种标准对height和width的计算方式不同，标准盒子模型只包括content，IE盒子模型为content+padding+border。可以通过CSS属性box-sizing来对这两种标准进行切换，当值为content-box时为标准盒子模型，值为border-box时为IE盒子模型。
