javascript - ウィンドウの高さと2番目の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関数を呼び出します。