当高度重置为0px时，无法设置div的100％高度

Question

我正在尝试将单独的父列（及其子列）的div高度设置为100％，但它似乎不起作用，因为div高度神秘地重置为0.

第一列有两个子框（如果我正确描述的话），这将占页面高度的50％（单独）。 第二个和第三个每个都有一个子框，它们都占用了100％的页面高度。

除此之外，我想在页面左上角添加一个占位符，在页面底部添加一个页脚。综上所述，似乎有点令人生畏。非常感谢您的建议。

最后它应该是这样的：

我已在此处上传：http://jsfiddle.net/methuselah/qtmJW/

Answer 1

在height: 100%;

上使用#wrapper

注意：同时从overflow: hidden;

中删除#wrapper

My fiddle

修改：New Fiddle