Question

我有一个居中的固定宽度内容div，如果没有足够的内容（即一个小的错误页面），它的高度小于我的网络浏览器的高度。

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

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

我意识到这可能需要使用javascript，但我不太了解它。

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

编辑：看起来我可以使用window.innerWidth，window.innerHeight属性

Answer 1

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

查看Ryan Fait关于如何执行此操作的精彩教程：http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

以下是该动作的演示：http://ryanfait.com/sticky-footer/

Answer 2

查看Ryan Fait的Sticky Footer。它听起来像你需要的，并在CSS中实现。我已经为几个项目使用了一个变体，它只是工作。

Answer 3

使用可以使用此，

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

身体动态最小高度？

3 个答案: