将列设置为页面的完整高度

Question

我正在尝试在css中创建一个100％高度的页面。特别是左栏具有背景透明度。

我试图让包含使用overflow：hidden，但它似乎没有用。我知道我的问题不正确，而且我认为页眉和页脚正在搞乱这些列。

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％边栏的完成方式。您有一个延伸到页面底部的重复图像，使其显示为实际的侧边栏。