IE7图像填充

Question

我有一个简单的函数，它试图计算图像的高度和宽度使用jQuery幻灯片放映盒。我在IE7中看到的问题是padding在宽度/高度上看起来很奇怪。

我在Firefox有一个图像，返回值是450×324 [宽度/高度]与

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

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

Answer 1

IE的旧盒子模型（又名奇怪模式）包括宽度为&高度的填充，W3C盒子模型（又名标准模式）没有。

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