盒子模型有兩種，分別是 IE 盒子模型和標準 W3C 盒子模型。他們對盒子模型的解釋各不相同。
Important： When you specifythe width and height properties of an element with CSS， you are just settingthe width and height of the content area.
從上圖可以看到 IE 盒子模型的範圍也包括 margin、border、padding、content，和標準 W3C 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 pading.
應該選擇哪中盒子模型呢？當然是“標準 W3C 盒子模型”了。怎麼樣纔算是選擇了“標準 W3C 盒子模型”呢？很簡單，就是在網頁的頂部加上 DOCTYPE 聲明。如果不加 DOCTYPE 聲明，那麼各個瀏覽器會根據自己的行爲去理解網頁，即 IE 瀏覽器會採用 IE 盒子模型去解釋你的盒子，而 FF 會採用標準 W3C 盒子模型解釋你的盒子，所以網頁在不同的瀏覽器中就顯示的不一樣了。反之，如果加上了 DOCTYPE 聲明，那麼所有瀏覽器都會採用標準 W3C 盒子模型去解釋你的盒子，網頁就能在各個瀏覽器中顯示一致了。