javascript - 使用粘性页脚的内容的 100% 高度

Question

编辑

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

原帖

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

---

I have this so far (.content in yellow):

And I can't manage to do this (.content contained exactly between the header and the footer):

我生成了以下 fiddle .

有什么想法可以实现吗？

Answer 1

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

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