HTML/CSS：Div 100％页面高度

Question

如何获取div（蓝色框）填写整个页面？我的身体标记设置为height:100%，但这似乎并不重要。

见http://jsfiddle.net/rVyrX/1/

Answer 1

使用

body,html 
{ 
    height:100%; 
} 

Answer 2

每个包含的元素必须有它的高度与要大小为100％的元素一起设置为100％。这假设目标元素（这里是蓝色格子div）没有完全定位，在这种情况下，您可以简单地将其“顶部”和“底部”值都设置为零。