Javascript 使用粘性页脚的内容的100%高度 编辑

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

原职 我使用以下命令创建了一个粘性页脚。页脚工作得很好。我在创建正好位于页眉和页脚之间的content div

.content

时遇到问题

---

到目前为止，我有以下内容（

.content

黄色）：

我无法做到这一点（

.content

正好包含在页眉和页脚之间）：

我已经生成了以下内容

---

有什么想法可以实现吗？

内容

是该分区的类名。从

包装器

分区中删除

最小高度

和

高度

属性，然后使用：

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

.content{
最小高度：85%；//您忘记设置内容分区的高度。只需添加：

.content {
  height: 85%
}

有小提琴：
你能显示你的代码吗？对不起，链接现在起作用了。它不会把页脚往下推。这只是一个建议。对不起@Aspiring，我用你说的更新了小提琴。它不起作用。你知道为什么吗？@Patt从
包装器
中删除
最小高度
和
高度
属性并查看我的upd答案。当然，我正在尝试。我正在疯狂地挣扎：（谢谢你的帮助@Aspiring.Oups，页脚现在不会粘到底了：（这是答案。我猜这个问题比看起来更难。）（如果你下载并尝试它（右上角），它在任何浏览器中都不起作用。你知道为什么吗？它对我来说很好，或者我不理解这个问题。右上角有什么问题吗？所以，如果你在你的计算机中下载cssdesk文件，它将不起作用。这就是为什么它实际上更适合使用。对此表示抱歉。