之所以叫盒模型，是因为网页上的元素基本都是一些方方正正的很像一个个盒子，因此形象的称为盒模型。盒模型分为两种：分别是W3C标准盒模型和IE盒模型。它们都包括margin（外边距）、border（边框）、padding（内边距）、content（内容）这五个部分。不同之处在于IE盒模型中content部分包括了border和padding。也就是说IE盒模型的高度=2*margin+content.height，而W3C标准盒模型的高度＝2*margin＋2*border＋2*padding＋content.height。宽度也是一样的。