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

Question

如何修改下面的代码，以便减少210而不是减去另一个div高度，以便方程式基本上变成“main-menu = window height-div height”？

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

Answer 1

以下是Jsfiddle

这样的标记：

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

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