Question

我已经看到了其他答案，但它们要么不起作用，要么涉及JavaScript。某种@media查询可以解决这个问题吗？

我有一个JSFiddle来展示问题的一个例子：http://jsfiddle.net/e4VWL/

您可以看到<footer class="copyright">看起来很尴尬，因为.wrapper上的左边框未到达页面底部。

我想找到一个仅限CSS的解决方案，让最终的div占据浏览器查看页面高度的剩余部分。

Answer 1

将您的身体，html和包装元素的高度设为100％。

body,html,#wrapper {
    height: 100%;
}