Chrome 开发工具:检查器显示错误的元素大小?

问题描述

enter image description here

在上面的屏幕截图中,您可以看到元素的宽度为 795.594。 width() 和 chrome 开发工具检查器显示相同的值。

在下面的截图中,我在当前元素中添加padding-right:18px,可以看到dev工具显示的宽度为798.33,而width()显示的宽度为780。我理解Dev显示的宽度工具包含内边距的宽度,而 width() 不包含,但是这个数字 798.33 是从哪里来的?

enter image description here

HTML 就像

//绿色方块 ...... // 左边的小空间 一些东西.... //添加 padding-right:18px 会引发问题 某某 ......

解决方法

检查元素时查看 CSS 部分

  • CSS 是否显示不同的值?