html的盒子模型有2种：
1、w3c的盒子模型，其padding和border不被包含在定义的width和height之内;
2、IE的盒子模型，其padding和border被包含在定义的width和height之内。
把HTML中所有元素都可以看成一个盒子，从内到外包括实际内容(如100x50占据的空间)、内边距(padding)、边框(border)、外边距(margin)四部分，这些盒子的组成都是元素的样式。
内边距是指实际内容到边框的距离(分为上下左右四个分量)，外边距是指元素的边框到另一个元素的边框的距离(也分为上下左右四个分量)，边框是线(线也是有宽度的)。
盒子模型对于所有浏览器都是通用的吗?
并不是，实际上CSS中的盒子模型(Box model)分为两种：W3C标准盒子模型和IE标准盒子模型。
大多数的浏览器都采用W3C标准盒子模型，然而IE5.5及更早的版本使用的是IE盒模型，IE6及其以上的版本在标准兼容模式下使用的是W3C的盒模型标准，所以如果浏览器使用IE内核但不是兼容模式下的话，该浏览器采用的还有可能是IE标准盒子模型。
