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