HTML / CSS：划分100％的页面高度

Question

如何让div（蓝框）填写整个页面？我将body标记设置为height:100%，但这似乎并不重要。

请参阅http://jsfiddle.net/rVyrX/1/

Answer 1

使用

body,html
{
   height:100%;   
}

Answer 2

每个包含元素的高度必须设置为100％，并且要求的元素大小为100％。这假定目标元素（此处为蓝色框div）未定位，在这种情况下，您可以简单地将其“顶部”和“底部”值都设置为零。