[CSS] 盒模型 Box Model

CSS 中，一个盒子由4个部分组成：边缘(margin edge, 外面白色的部分)， 边界(border edge, 灰色部分)，填充边缘(padding edge, 绿色部分) ，内容边缘(中间白色部分)。

一个元素完整的宽度计算如下:
margin-left + border-left-width + padding-left + width + padding-right + border-right-width + margin-right

完整的高度计算如下:
margin-top + border-top-width + padding-top + height + padding-bottom + border-bottom-width + margin-bottom

对于MS Internet Explorer，width 和 height 属性计算如下：
width = padding-left + width + padding-right
height = padding-top + height + padding-bottom