Javascript 身体的动态最小高度？

我有一个中心固定宽度的内容

div

，如果没有足够的内容（即一个小错误页面），它的高度将小于我的web浏览器的高度

这会在屏幕中间留下页脚，内容DIV的背景不会继续到底部。看起来像狗屎

如果内容div的内容小于当前屏幕，是否有办法强制内容div始终填充屏幕？

我知道这可能需要使用javascript，但我对它不是很熟悉

编辑：如果用户重新调整窗口大小，我希望它也更新

---

编辑：看起来我可以使用

窗口。innerWidth

，

窗口。innerHeight

属性听起来像是一个粘性的页脚，而不是调整主体的大小

查看Ryan Fait关于如何做到这一点的精彩教程：

---

下面是它的一个演示：

听起来你想要的是一个粘性的页脚，而不是调整身体的大小

查看Ryan Fait关于如何做到这一点的精彩教程：

这里有一个演示：查看Ryan Fait的。它听起来像您需要的，并且是用CSS实现的。我已经在几个项目中使用了一个变体，它很有效。

请查看Ryan Fait的。它听起来像您需要的，并且是用CSS实现的。我已经在几个项目中使用了一个变体，它很有效。

用户可以使用它

<style> 
        html,body{
            height:100%;
            margin:0;
        }
        #wrapper {
            min-height:80%;
        }
</style>
<div id='wrapper'>
hello
</div>
<div id='footer'>
    my footer
</div>

html，正文{
身高：100%；
保证金：0；
}
#包装纸{
最小高度：80%；
}
你好
我的页脚

使用可以使用这个

<style> 
        html,body{
            height:100%;
            margin:0;
        }
        #wrapper {
            min-height:80%;
        }
</style>
<div id='wrapper'>
hello
</div>
<div id='footer'>
    my footer
</div>

html，正文{
身高：100%；
保证金：0；
}
#包装纸{
最小高度：80%；
}
你好
我的页脚

你被打败了，没有理由有两个完全相同的答案；）你被打败了，没有理由有两个完全相同的答案；）这会将页脚推到底部，但不会将我的主要内容div的背景扩展到底部bottom@caesay：您必须将背景放置在绝对定位的外部

div

中，或将背景放置在

主体中

（如果适用）。很难说没有标记可以查看。这会将页脚推到底部，但不会将我的主内容div的背景扩展到底部bottom@caesay：您必须将背景放置在绝对定位的外部

div

中，或将背景放置在

主体中

（如果适用）。没有标记很难说。是的，你是对的，我完全误解了你的问题。现在，编辑答案，看看它是否对你有帮助。是的，你是对的，我完全误解了你的问题。现在，编辑答案，看看它现在是否对你有帮助。