IE8和IE9之間的盒子型號差異

最近，我意識到IE8呈現一個盒子就像在「怪癖模式」，而在IE9中，沒有問題，與其他現代瀏覽器一樣。IE8和IE9之間的盒子型號差異

下面是IE如何呈現在8,9一箱截圖：

<div style="width: 150px; height: 150px; border: 1px solid red; padding: 2px; margin 3px; background: #333;"> 
</div>

How IE8 renders How IE9 renders

我的問題是我怎麼可以讓IE8渲染像IE9的方式，感謝盒子？

2013-09-24 DavidLiu

我沒有看到兩個圖像的區別？ – xec

您是否使用了正確的文檔類型？ – cimmanon

@xec對不起，修正了截圖。 – DavidLiu

對於IE8在您的div上使用box-sizing: border-box;。

另外：在margin和3px之間缺少:。並作爲最佳實踐：將您的樣式與標記分開。

2013-09-24 13:55:30 avrahamcool

對於錯字感到抱歉，我只是爲了測試而放置了這種樣式。這將「解決」這個問題，但這是否意味着IE8盒式模型仍然是舊的？ – DavidLiu

emm ..我不確定。閱讀[this]（http://programmers.stackexchange.com/questions/147587/the-box-model-internet-explorer-vs-w3c）瞭解更多信息。 – avrahamcool

回答