用于使div与页面/文档大小相同的CSS/javascript

Question

设置

#myDiv
{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}

使div与可见页面的大小相同,但如果您有一个活动的滚动条,则div实际上与整个页面的大小不同.

在CSS中有没有办法解决这个问题？

或者如果没有,什么是最简单的javascript/jQuery解决方案.

编辑:这里是一个jsFiddle,因为人们似乎误解了这个问题.向下滚动! http://jsfiddle.net/QEzbP/

Answer 1

忘记高度和宽度.添加底部和右侧属性:

#myDiv
{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right: 0;
}

这将完全填满页面.

编辑:请注意div的容器必须是position:relative,所以在这种情况下,HTML文档的主体必须被赋予该规则:

body {
 position: relative;  
}