外部宽度和宽度在firefox中相对于chrome返回错误的值

Question

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

元素：

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

Chrome：88px
Firefox：36px

当我使用firefox检查元素时，它显示与chrome相同的元素。 （88px）

Answer 1

您是否尝试过使用jQuery宽度？

$(element).width();

它略有不同，但我猜这是一个跨浏览器的问题。

修改

我认为line-spacing是引起宽度差异的那个。尝试在Firefox中删除它，你会看到差异