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將在標準模式下呈現，這將不再是一個問題。