使用粘性页脚的内容高度为100％

Question

修改

我在这里更新fiddle供人们试用。有一个使用@Aspiring Aqib提出的javascript的工作解决方案。 （仅限CSS）解决方案仍然非常受欢迎。

原帖

我设法使用以下description创建粘性页脚。页脚完美运行。我在创建内容div .content时遇到问题，该内容div恰好位于页眉和页脚之间。

---

  

我到目前为止（.content为黄色）：

  

我无法做到这一点（.content完全包含在页眉和页脚之间）：

我已经生成了以下fiddle。

任何想法如何实现这一目标？

Answer 1

content是该div的类名。从min-height div中删除height和.wrapper属性。并使用：

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

Answer 2

您忘记设置内容 div的高度。只需添加：

.content {
  height: 85%
}

有小提琴：http://cssdesk.com/xNFEB