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

Question

我如何修改下面的代码，以便代替使用210而不使用另一个div高度，以便方程式本质上变成“主菜单=窗口高度 - div高度” ？

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

从脚本中可以看到，我称之为高度函数。