jQuery的（本）.find（DIV：第一）.outerWidth IE 8錯誤

Question

以下是代碼：

var b = this; 
b.children("li").each(function() { 
    var c = jQuery(this).find("div:first"); 
    var g = c.outerWidth(); 
    alert(g); 
} 

該警報語句拋出了在恆定的值的值 '3' 對於每次迭代，儘管它應該是不同的。僅在IE8中出現問題。原因和解決方法？

Answer 1

默認情況下，div佔用其父元素的整個寬度。因此，所有的div將具有相同的寬度：

例子：http://jsfiddle.net/fwHe5/1/

現在，如果更改，使div的浮動左和relativly定位，他們不再佔據整個寬度。

例子：http://jsfiddle.net/fwHe5/2/

Answer 2

這不是一個錯誤。 outerWidth返回「匹配元素集中第一個元素的當前計算寬度，包括填充和邊框」[1]。

恰恰相反，在IE8中，由於渲染差異，內容的寬度與其他瀏覽器中的寬度不同。

您可以通過爲您的div指定固定寬度（例如width: 640px）來驗證此行爲，這將導致所有瀏覽器中的行爲一致。爲了演示一下：

http://jsfiddle.net/y5Uur/1/