之所以叫盒模型，是因為網頁上的元素基本都是一些方方正正的很像一個個盒子，因此形象的稱為盒模型。盒模型分為兩種：分別是W3C標準盒模型和IE盒模型。它們都包括margin（外邊距）、border（邊框）、padding（內邊距）、content（內容）這五個部分。不同之處在于IE盒模型中content部分包括了border和padding。也就是說IE盒模型的高度=2*margin+content.height，而W3C標準盒模型的高度＝2*margin＋2*border＋2*padding＋content.height。寬度也是一樣的。