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 “像 window 一样行走并嘎嘎作响”？

Answer 1

需要查看渲染的组件才能了解样式的来源，但您应该阅读有关 outerWidth 的内容。

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

编辑:看到更新的屏幕截图后，您应该将元素设为 block 级或内联 block 级。设置内联元素的宽度不会提供所需的结果，因为它会根据元素的位置而变化。

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

PS。我知道 div 是一个 block 元素，您的代码中是否有某些内容强制它成为内联元素？