jquery - 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 的旧盒子模型(又名怪异模式)包含宽度和高度的填充，而 W3C 盒子模型(又名标准模式)则没有。

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