Html 如何调试computed属性和css属性之间的差异（例如div width）？

具体来说，我想知道这是如何发生的（从Chrome开发者工具）：

我的理解是，它告诉我CSS说宽度为1000px，但浏览器决定宽度为985px。我怎样才能找到差异的根本原因

我在SafariWebInspector中看到了同样的情况。具体来说，规则下的宽度值为1000px：

计算不足时，宽度为985px：

---

如果重要的话，这个特定的问题会出现在div元素中。

这是哪个Chrome版本？@最后尝试捕获：版本39.0.2171.95（64位）与我的相同。但是您的窗格与我的（在linux上）完全不同。重新启动浏览器后是否也会发生这种情况？您是否安装了插件，在禁用插件时是否会“发生”？为什么你在帖子上加了标签（如果这个Q与Safari无关，你可以删除它）？是的，在重新启动浏览器后仍然会发生这种情况。是的，在禁用所有Chrome扩展（我认为这与“插件”是一样的）之后，仍然会发生这种情况。请注意，我文章中的第一个屏幕截图来自Chrome，但第二个和第三个屏幕截图来自Safari Web Inspector，因此是标记。也许你正在将你的窗格与我在Safari上的截图进行比较。我只在浏览器缩放时看到过这一点（Chrome可以在会话之间存储）。在视图下，Chrome是否设置为“实际尺寸”？显然，您可以使用css设置缩放级别，这可能会导致：