Chrome devtools如何计算元素的计算度量宽度？

Question

我需要知道Chrome如何获得＆＃34;计算指标＆＃34; devtools的Computed窗格中元素的宽度：

为什么它与元素的内容宽度不同？您可以通过滚动到Computed窗格的底部来测试它，并找到＆＃34; width：＆＃34;在那里（通知它读取＆＃34; 267.484375px＆＃34;而不是报告＆＃34; 237.458＆＃34;）：

要验证这些声明，您可以使用jQuery .width（）方法，该方法计算内容宽度而不使用填充，无论box-sizing属性如何：

$(".element_class.to_verify").width();
236.98399925231934

显然，jQuery报告的内容宽度与＆＃34;计算宽度属性＆＃34;有很大不同。由Chrome报道。如此不同，它足以破坏好的设计.. 那么这些＆＃34;宽度＆＃34;由Chrome计算 ，为什么它们不一致？

我的安装是否有问题或者我错过了什么？