私は (比較的) 単純な問題に対する答えを求めて Google を探すのに何年も費やしてきましたが、見つけることができませんでした。
Web ベースのビジネス アプリケーションに、親コンテナーの 100% の高さを持つボックス (div?) が必要です。そのボックス内には、互いに積み重ねられた 2 つのボックスがあるはずです。
- 一番上のボックスは、その内容に応じてサイズを変更する必要があります。(全高の 50% を超えることはありません)。
- 一番下のボックスは残りの高さを取得する必要があります。オーバーフローはスクロールする必要があります。
好ましくは、javascript は使用しないでください。特に、x ミリ秒ごとに高さをポーリングする javascript タイマーは使用しないでください。
結果のモックアップは次のとおりです。
この問題の解決策はありますか?