IE7边界问题

Question

我的网页上有一个宽度为0的div，其左右边框各为1px宽。

在Firefox中，当我提供以下代码时，它保持宽度为50px的div，但在IE7中恰好是48px宽。

<div style="width: 48px; border: #a9a9a9 1px solid; height: 30px;">test div</div>

有人可以帮我解决这个问题吗？

提前致谢。

Answer 1

看起来像IE box model bug。如果在Quirks模式下，IE从元素宽度中减去边框，填充，边距。见下图：

如果您为HTML声明了正确的DOCTYPE，则此问题应该消失。