標準盒子模型和IE盒子模型的區別是width的區別，
CSS盒模型圖解
下面是一幅關於應用了CSS的元素是如何顯示它的尺寸的圖示。
在本篇文章中，所有的瀏覽器在計算盒模型總寬度時處理margin屬性的方式都是一致的，所以我們將更多的精力放在padding和border屬性上。
W3C盒模型
首先看一下《 the W3C box model》，這裏所寫出的標準，如果沒問題的話，是應該被所有標準的現代瀏覽器及IE6和它的後續版本所遵循的。在W3C盒模型中，一個塊級元素的總寬度按照如下的方程式計算：
總寬度 = margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
對於高度也使用同樣的計算方法，但是爲了簡便起見從現在開始我只說width。
IE盒模型
IE盒模型的計算方式和W3C的很相似，但有一點是非常不同的，這就是：填充和邊框並不被包含在計算的範圍內。
總寬度 = margin-left + width + margin-right
這就意味着一旦元素擁有橫向的填充和/或邊框，實際的內容區域（content area ）就要擴大來創造出他們佔據的空間。
http://www.osmn00.com/translation/213.html
