これはかなり一般的な問題であり、私はまだ洗練された解決策を見つけていません:
div にいくつかのブロック要素 (4 としましょう) があります。非常にシンプルな縦型レイアウト。
最初の 2 つの要素の高さは固定されています。残りの 2 つの要素は、残りのスペースを分割する必要があります (つまり、body-height - first-element-height - second-element-height)。
サイズを計算できることはわかっていますが、これを達成するためのエレガントな方法はありますか?
ネイティブ ブラウザー機能 (最新の Firefox/Chrome バージョンでのみ実行される内部アプリであるため、ブリーディング エッジは問題ありません) または jQuery/jQuery UI (既に使用しています) のいずれかを使用するソリューションが必要です。