jQuery宽度在IE中不起作用

Question

我的HTML中有这个（没有动态添加或类似的东西）：

<div id="TEST" style="width:600px; height:300px;"></div>

当我这样做时：alert(jQuery("#TEST").width());

...它在IE中警告1280！它在Chrome中警告600 - 这有什么可能搞乱这个？

这些是唯一应用的样式：

修改 我甚至尝试了这个，仍然是1280 ......

jQuery("#TEST").width(600);
alert(jQuery("#TEST").width());

再次编辑

好的，我查看了jQuery实现，这是因为它从if语句返回true：

if ("scrollTo" in elem && elem.document) ? // does it walk and quack like a window?

为什么我的div“像窗户一样走路和嘎嘎”？

Answer 1

需要查看呈现的组件以查看样式的来源，但您应该阅读outerWidth。

http://api.jquery.com/outerWidth/

修改：看到更新的屏幕截图后，您应该设置元素块级别或内联块级别。设置内联元素的宽度不会提供所需的结果，因为它会根据元素的位置而更改。

有关内联与块元素的更多信息，请点击此处： http://www.w3.org/TR/html401/struct/global.html#h-7.5.3

PS。我知道div是一个块元素，代码中的某些内容会强制它成为内联函数吗？

Answer 2

也许得到CSS宽度？

alert($("#TEST").css("width"));