javascript - 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();