在jQuery中650 + 150 = 850？两个值的总和返回奇怪的值

Question

所以我有这段代码：

var navWidth = jQuery("ul#navi"), 
    phoneWidth = jQuery("div#phone-number"), 
    diff = navWidth.outerWidth() + phoneWidth.outerWidth();

console.log(navWidth.outerWidth());
console.log(phoneWidth.outerWidth());
console.log(diff);

并在控制台中显示

  

650 150 850

谁能告诉我为什么它显示850为650 + 150？

Answer 1

如果你有填充或/和边距，这可以改变你的宽度。

函数.outherWidth（）返回div的宽度，包括填充，边框和不包括边距。

函数.innerWidth（）返回div的宽度，包括填充并排除边框和边距。

函数.outherWidth（true）返回div的宽度，包括填充和边距。

函数.width（）返回div的宽度，排除填充和边距。

查看this链接。

我希望它能解决你的问题。