基於窗口高度和第二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());​ 

從腳本中可以看到，我稱之爲高度函數。