盒子模型中，重要的概念有margin（边界）、border（边框）、padding（填充）、content（内容），简称为“MBPC”模型。
盒子模型分两种，一种为W3C盒子，一种为IE盒子。区别如下：
W3C盒子：
IE盒子：
区别：
W3C盒子的宽度/高度=content的宽度/高度；
IE盒子的宽度/高度=content的宽度/高度+border的宽度/高度+padding的宽度/高度
盒子模型中，重要的概念有margin（边界）、border（边框）、padding（填充）、content（内容），简称为“MBPC”模型。
盒子模型分两种，一种为W3C盒子，一种为IE盒子。区别如下：
W3C盒子：
IE盒子：
区别：
W3C盒子的宽度/高度=content的宽度/高度；
IE盒子的宽度/高度=content的宽度/高度+border的宽度/高度+padding的宽度/高度