jQuery的 - 用计算+变量的函数来更改CSS

Question

从来就写了这个代码来获得一个动态的保证金为唤起注意我的头是：

$(window).on("resize", function() { 
    var divHeight = $('#header').innerHeight(); 
    $('body > .container').css('padding-top', divHeight + 'px'); 
    }).resize(); 

现在我想给一些其他的元素相同的变量，f.ex.我的导航，但CSS的高度必须是：

height: calc(100% - 'VARIABLE FROM CODE ABOVE'); 

你有什么建议，我怎么能得到这个工作？
感谢所有谁读这:)

Answer 1

我找到了一个解决方案：

$(window).on("resize", function() { 
    var divHeight = $('#header').innerHeight(); 
    $('body > .container').css('padding-top', divHeight + 'px'); 
    $('#navigation').css('margin-top', divHeight + 'px'); 
    $('#navigation').css('height', 'calc(100% - ' + divHeight + 'px)') 
    }).resize();