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，这个问题应该会消失。