具有100％站点高度（不是窗口高度）的<div> </div>

Question

我现在已经搜索了2个小时，仍然没有找到问题的答案。 我只是想知道如何给整个页面的高度而不是窗口的高度？

这是我的HTML，表格比你看到的页面大（所以你必须向下滚动才能看到最后的图片）。

但是如何让DIV id =“container”扩展到整个网站的大小？ div必须与表重叠，这就是表不在div内部的原因。
这是一个小提琴：
http://jsfiddle.net/mWFGZ/

Answer 1

请参阅： http://jsfiddle.net/mWFGZ/1/

html, body {
    margin: 0;
    padding: 0
}
body {
    position: relative
}
#container{
    position: absolute;
    background: red;
    background: rgba(255,0,0,0.8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

Answer 2

你可以将你的div包裹在桌子周围，这会使div与桌子一起成长，或者你可以使用一个简单的javascript来获得桌子的高度并设置div的高度。

Answer 3

#container{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}