IE8和IE9之间的盒子模型区别

Question

最近，我意识到IE8就像“Quirks Mode”一样呈现了一个盒子，而在IE9中，没有任何麻烦，就像其他现代浏览器一样。

以下是IE在8和9中呈现方框的截图：

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

我的问题是如何让IE8像IE9中的方式一样呈现框，谢谢？

Answer 1

for IE8使用div上的box-sizing: border-box;。

另外：您在:和margin之间遗漏了3px。 并且作为最佳实践：将您的样式与标记分开。