使页面的最后一个div填充浏览器高度的其余部分

Question

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

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

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

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

Answer 1

给你的身体，html和包装元素高度100％。

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