私は以前にこれを尋ねようとしましたが、反対票と卑劣なコメントから判断すると、質問を十分に明確にしませんでした. ということで、もう一発打ってみます。写真などで。
ヘッダー、フッター、ミドルの 4 つの主要要素を含む単純なページがあり、すべてラッパーに含まれています。ラッパーは、最低でも画面の高さの 100% にする必要があります。フッターは粘着性があり、ラッパーの下部に永久に貼り付けられます。ヘッダーは常に同じ位置にあります。
トリッキーな部分は真ん中です。常にヘッダーとフッターの間のスペース全体にまたがるようにしたいのですが、必要に応じて、ラッパーをプッシュして最小の高さを超えて拡張することもできます。
これが私の質問の実例です：
そしてjsfiddle。
私が考えることができる唯一の方法は、css calcメソッドを使用することですが、信頼性が低すぎます。誰でもこれを達成するためのより良い方法を提案できますか?
編集：
図に示されている緑色は、ラッパーが透けて見えるのではなく、中央の divです。すなわち。ヘッダーとフッターの間の完全なギャップを常にスパンするために、中央の div が特に必要です。