javascript - 固定フッターを使用するコンテンツの高さ 100%

Question

編集

人々が試すために、ここでフィドルを更新しました。@Aspiring Aqib によって提案された JavaScript を使用した実用的なソリューションがあります。(CSS のみ) ソリューションは大歓迎です。

元の投稿

次の説明を使用して、スティッキー フッターを作成することができました。フッターは完璧に機能します。ヘッダーとフッターの間に正確に収まるコンテンツ div の作成に問題があります。.content

---

これまでのところ（.content黄色）：

そして、私はこれを行うことができません(.contentヘッダーとフッターの間に正確に含まれています):

次のフィドルを生成しました。

これをどのように達成できるかについてのアイデアはありますか?

Answer 1

contentそのdivのクラス名です。divからプロパティを削除min-heightします。そして使用：height.wrapper

.content {
    min-height:85%; // <--- 85% will be better.
    height:auto !important;
}

Answer 2

コンテンツdivの高さを設定するのを忘れました。追加するだけです：

.content {
  height: 85%
}

フィドルがあります：http：//cssdesk.com/xNFEB