css - 如何在 CSS 中给一个 div 全高

Question

我这里有一个测试站点，有两列，都具有绝对定位。

http://dl.dropbox.com/u/17844821/zeug/heighttest.html

可以看到，左边栏的内容比右边多，所以会出现滚动条。因为我希望右栏与左栏的高度相同，所以我给它 height: 100% css 属性。

现在向下滚动，您会看到发生了什么。右栏扩展到浏览器窗口高度的 100%，而不是整个网站高度的 100%。

如何让两个 div 都达到 100% 全高？ (已经为正确的 div 尝试了 bottom: 0;。行不通。)

注意:.wrapper 必须保持position: absolute，因为这是我最初的整个网站布局的要求。

Answer 1

只使用这个:

body { overflow:auto; margin:0; }
.wrapper { display:table; width:100%; }
.left, .right { display:table-cell; width:50%; }