1

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

这使得页脚位于屏幕中间，内容 div 的背景和背景不会继续到底部。只是看起来像狗屎。

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

我意识到这可能必须使用 javascript，但我不太熟悉它。

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

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

4

3 回答 3

2

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

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

这是它的实际演示：http ://ryanfait.com/sticky-footer/

于 2012-06-16T17:43:58.070 回答
1

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

于 2012-06-16T17:44:32.047 回答
-2

用可以用这个，

<style> 
        html,body{
            height:100%;
            margin:0;
        }
        #wrapper {
            min-height:80%;
        }
</style>
<div id='wrapper'>
hello
</div>
<div id='footer'>
    my footer
</div>
于 2012-06-16T18:05:37.587 回答