HTML/CSS: Div占据整个页面的高度

3

如何使 div(蓝色框)填满整个页面?我已经将 body 标签设置为 height:100%,但似乎没有用。

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

2个回答

7
使用
body,html
{
   height:100%;   
}

1
每个包含元素都必须将其高度设置为100%,以及您想要调整大小为100%的元素。这假定目标元素(在这里是蓝色框div)没有绝对定位,在这种情况下,您可以简单地将其“顶部”和“底部”值都设置为零。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接