internet-explorer-8 - 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

供 IE8使用box-sizing: border-box;。div

另外：您缺少:介于margin和之间3px。作为最佳实践：将样式与标记分开。