Html 内容高度缩放到100%（CSS）时出现问题

我花了很长时间试图弄清楚我的CSS/HTML有什么问题，如果能有一双新的眼睛来看看，我将不胜感激！我试图将内容区域缩放到页面的整个高度，但在我下面发布的示例中，它似乎不起作用。我已经将

body

和

html

设置为

height:100%无效。有什么想法吗

jsFiddle：

（注意CSS是链接到左侧的外部资源）

该页面并不打算按大小缩放，因此在JSFIDLE窗口中它看起来有点奇怪，但问题应该仍然足够清楚。干杯
将
高度：自动
添加到身体上，它应该可以工作