简单的HTML / CSS问题 - 高度＆amp;屏幕分辨率

Question

我需要让一个div有一定的高度，它有一个重复的图像，我希望它占用整个屏幕，无论用户的屏幕分辨率是多少。高度自动取决于内容所以我需要使用javascript来实现我的目标吗？或者我可以使用“clear：both;”的东西。在它上面的属性，以便始终将div拉伸到底部？我真的想避免使用javascript。

Answer 1

只要父容器（如body或html）具有100% height，div也应如此。所以

html, body{
    height:100%;
}
div{
    height:100%;
    width:100%;
    border:1px solid red;
}

示例：http://jsfiddle.net/jasongennaro/Jm8Mt/

当然，您的div会有class ...示例仅适用于展示

Answer 2

赋予div 100％的高度和宽度将占据整个窗口。

#fullscreen {
height:100%;
width:100%;
}