jquery - 相对于 chrome，outerwidth 和 width 在 Firefox 中返回错误值

Question

我正在尝试使用 element.outerWidth 获取元素的宽度。当我使用 Chrome 时，它​​返回一个正确的值，但当我切换到 Firefox 时，我得到的值要低得多。 firefox 和 chrome 读取这个元素的方式有什么不同？

元素:

<div class="submit_container">
     <input type="submit" value="Something" />
</div>

Chrome:88px
火狐浏览器:36px

当我使用 Firefox 检查元素时，它显示的内容与 Chrome 中的相同。 (88 像素)

Answer 1

您尝试过使用 jQuery 宽度吗？

$(element).width();

它有轻微的差异，但我猜这是一个跨浏览器问题。

编辑:

我认为行间距是导致宽度差异的原因。尝试在 Firefox 中删除它，您就会看到差异