javascript - 为什么这个计算不正确？

Question

我有这个网站:

link

代码 JS:

    var windowsize = $(window).outerWidth();
    $('#main-content').css('overflow','hidden');
    console.log('latime:',windowsize);
    var stanga= jQuery('#secondary').outerWidth();
    console.log('stanga:',stanga);
    var dreapta= jQuery('.right').outerWidth();
    console.log('dreapta:',dreapta);
    var contentwh=windowsize-stanga-dreapta;
    $('#main-content').css('width',contentwh);
    var content= jQuery('#main-content').outerWidth();
    $('.navbar-fixed-top').css('width',contentwh);

我的 div (#main-content) 必须与剩余空间完全相同。

不幸的是我稍微大了看下图...

这个计算有什么问题？

Answer 1

您好，我知道您的问题了。

您还没有计算“次要”div 的填充所以计算就像二级 div 是

 var stanga= jQuery('#secondary').outerWidth() + 30;

希望这能解决您的问题。

谢谢。