使頁面的最后一個div填充瀏覽器高度的其余部分

Question

我已經看到了其他答案，但它們要么不起作用，要么涉及JavaScript。 某種@media查詢可以解決這個問題嗎？

我有一個JSFiddle來展示這個問題的一個例子： http ： //jsfiddle.net/e4VWL/

您可以看到<footer class="copyright">看起來很尷尬，因為.wrapper上的左邊框沒有到達頁面底部。

我想找到一個僅限CSS的解決方案，使最終的div占用瀏覽器查看頁面高度的剩余部分。

Answer 1

給你的身體，html和包裝元素高度100％。

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