javascript - 基于窗口高度和第二个div高度的Javascript动态div高度

Question

我如何修改下面的代码，而不是减去 210，而是减去另一个 div 高度，以便等式基本上变成“主菜单 = 窗口高度 - div 高度”？

$('#main-menu').css({'height':(($(window).height())-210)+'px'});

Answer 1

这是Jsfiddle

像这样的标记：

​&lt;div id="main-menu"></div>
<div id="other-div">
    <h1>Sample Content</h1>
    <p>
        foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar 
    </p>
</div>​

像这样的CSS：

​#other-div {
    background: #cdcdcd;
}​

像这样的Javascript：

$('#main-menu').height($(window).height()-$("#other-div").height());​

从脚本中可以看出，我调用了 height 函数。