IE7 图像填充

Question

我有一个简单的函数，它尝试使用 jQuery 为幻灯片框计算图像的高度和宽度。我在 IE7 中看到的问题是填充似乎对宽度/高度有非常奇怪的影响。

我在 Firefox 中有一张图片，返回值为 450 x 324 [宽度/高度]，CSS 值为

border:0 none;
float:right;
padding:20px 10px 30px 10px;
width:450px;

在 IE7 中，它给了我 470 的宽度和 374 的高度？如何计算“真实”值？

Answer 1

IE 的旧盒子模型（又名 quirks 模式）在宽度和高度中包含填充，而 W3C 盒子模型（又名标准模式）没有。

如果您使用 xhtml 或 html5 文档类型，IE7 将以标准模式呈现，这将不再是问题。