javascript - 用于使 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

忘记高度和宽度。添加 bottom 和 right 属性:

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

这将完全填满页面。

编辑:请注意，div 的容器必须是position:relative的，因此在这种情况下，HTML 文档的主体必须遵循该规则:

body {
 position: relative;  
}