jquery - JQuery 坐标相差 9px？

Question

我有this site

我想使用 jQuery 计算屏幕上每个元素的宽度(左侧和右侧以及内容)，但总数不等于屏幕宽度。

jQuery 代码:

var windowsize = $(window).outerWidth();
console.log('screen width:',windowsize);

var stanga= jQuery('#secondary').outerWidth();
console.log('left width:',stanga);

var dreapta= jQuery('.right').outerWidth();
console.log('width right:',dreapta);

var content= jQuery('#main-content').outerWidth();
console.log('width content',content);

var suma=stanga+dreapta+content;
console.log('total:',suma);

我放一张图片来更好地展示差异。

http://i59.tinypic.com/281d4eh.jpg

有9px的差异我不明白。

你能帮我解决这个问题吗？

Answer 1

如果您调整屏幕大小，我敢打赌您关闭的 px 数会发生变化。原因是，您将绝对值与相对值混合在一起，并且由于您没有使用 width: calc() 作为当前设置为 的 #main-content >width: 48%; 您的屏幕元素总计不会100%。我会推荐的是将您的 #main-content 设置为 100% 减去左右 img 的宽度。像这样:

#main-content{width: calc(100% - 820px)}