jquery - IE9 中的 $(document).width() 与 $ ('BODY' ).width()

Question

我正在开发一种“聚光灯”插件，它在目标元素周围放置四个框(顶部、左侧、底部和右侧)。因此，需要以编程方式定位盒子并调整其大小。

我遇到过一个例子，$(document).width() 在 Firefox、Chrome、IE7 和 IE8 中返回一致的值，但在 IE9 中则不然 — IE9 中的值比其他版本大 17px。但是，如果我将其切换为 $('BODY').width() ，则该值在所有浏览器中都会变得一致。不幸的是，我无法发布此内容，因为我无法在开发环境之外复制它。

什么可能导致正文和文档宽度之间不一致......并且仅在 IE9 中(请记住，IE7/8 不受影响)？我已经验证了标准模式，并且 HTML/BODY 的填充/边距已清零。

Answer 1

我认为您体验到的额外 17px 是 y 滚动条，通常在 jsfiddle 中没有，并且会计入文档而不是正文。

是的，这是由于浏览器没有一致地实现盒子模型/标准。除了围绕它工作之外，你对此无能为力。