为什么这个计算不正确？

Question

我有这个网站：

link

CODE 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;

希望这能解决你的问题。

感谢。