ヘッダー、コンテンツ、フッターの 3 つの部分からなるレイアウトがあります。私は絶対配置技術に精通しています。コンテンツ div を使用可能な高さの 100% まで拡張したい場合によく使用します。
この場合、私の問題は、フッターの高さが事前にわからないことです。これは、不明な行数 (通常は 1 ～ 3 行) を持つ独自のコンテンツに基づいて動的です。
ヘッダーの高さ (これは固定されているので簡単です) とフッターの高さを考慮した後、メイン コンテンツ div で使用可能な高さの 100% を取得する必要があるため、絶対配置手法を使用できません。ここ。
JavaScript を含むソリューションがありますが、css のみのソリューションを見つけようとしています。理想的には、クロスブラウザー ソリューション (IE8、IE9、chrome、firefox、および Safari) である必要があります。