无法设置100％高度的div作为高度重置为0像素

Question

我想设置单独的父列（及其子）的div高度为100％，但它似乎并没有工作，因为div高度神秘地重置为0.

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

除此之外，我想为页面左上角的徽标和页面底部的页脚添加一个占位符。有了上述所有，看起来有点令人生畏。将不胜感激您的建议。

最后，它应该是这样的：

我在这里上传吧：http://jsfiddle.net/methuselah/qtmJW/

Answer 1

使用height: 100%;上#wrapper

注意：同样来自删除overflow: hidden;#wrapper

My fiddle

编辑：New Fiddle