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中没有，并且计入文档而不是正文。

是的，这是因为浏览器没有始终如一地实施盒子模型/标准。除了工作之外，你无能为力。