我的网页有一个宽度为 0 的 div,它的左右边框各为 1px 宽度。
在 Firefox 中,当我给出以下代码时,它包含 50px 宽度的 div,但在 IE7 中它恰好是 48px 宽。
<div style="width: 48px; border: #a9a9a9 1px solid; height: 30px;">test div</div>
谁能帮我解决这个问题?
提前致谢。
我的网页有一个宽度为 0 的 div,它的左右边框各为 1px 宽度。
在 Firefox 中,当我给出以下代码时,它包含 50px 宽度的 div,但在 IE7 中它恰好是 48px 宽。
<div style="width: 48px; border: #a9a9a9 1px solid; height: 30px;">test div</div>
谁能帮我解决这个问题?
提前致谢。
看起来像IE 框模型错误。如果在 Quirks 模式下,IE 会从元素宽度中减去边框、填充、边距。见下图:
如果你为你的 HTML 声明正确的 DOCTYPE,这个问题应该会消失。