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 doctype，IE7将以标准模式呈现，这将不再是一个问题。