Internet explorer 8 IE8和IE9之间的盒型差异

最近，我意识到IE8呈现一个框就像在“怪癖模式”中一样，而在IE9中，没有问题，就像其他现代浏览器一样

以下是IE如何在8和9中渲染方框的屏幕截图：

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

我的问题是，我怎样才能让IE8像IE9中那样渲染长方体，谢谢？

对于IE8在您的

div

上的使用

另外：在

边距
和
3px
之间缺少一个
：
。
最佳做法是：将样式与标记分开。
我看不出这两幅图像有什么不同？您使用的doctype是否正确？@xec抱歉，更正了屏幕截图。@cimmanon我确信doctype是正确的。似乎是什么原因导致您的IE8切换到怪癖模式。如果您在该页面的脚本中检查它，
document.compatMode
会说什么？很抱歉输入错误，我将样式设置为那样只是为了测试。这将“修复”这个问题，但这是否意味着IE8盒子模型仍然是旧的呢。。我不确定。阅读更多信息。