为什么元素的维度计算值与devtools工具提示中显示的不同？

Question

在chrome的开发工具中，工具提示中显示的元素尺寸（宽度，高度）的值与计算值图中显示的值不同，如屏幕截图所示。为什么？

由于

Answer 1

框模型显示您在 DOM树中选择的元素的尺寸。工具提示会显示您当前悬停的任何元素的尺寸。因此，工具提示可能显示的元素尺寸与框模型中的尺寸不同。