將列設置爲頁面的全高

Question

我試圖在css中創建一個100％高度的頁面。特別是具有背景透明度的左欄。

我試圖讓包含使用溢出：隱藏，但它似乎並沒有工作。我知道我正在針對這個問題，並且我認爲頁眉和頁腳正在混淆列。

Answer 1

你可以在頁面加載設置與JavaScript（在這種情況下使用jQuery）高度：

$(function() { 

$('.left_col').height($(document).height()); 

}); 

以防萬一用戶調整窗口：

$(window).resize(function() { 

$('.left_col').height($(document).height()); 

}); 

Answer 2

在這篇文章中，你可以找到答案和爲什麼你的代碼不起作用的原因： http://apptools.com/examples/tableheight.php

Answer 3

對於這樣的想法，你想申請的Faux Column技術。這是100％邊欄完成的方式。你有一個重複的圖像，延伸到頁面的底部，使它看起來像一個實際的邊欄。