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

Question

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

Answer 1

只要父容器（如 body 或 html）具有 100% 高度，那么 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%;
}