我需要让一个 div 有一定的高度,它有一个重复的图像,我希望它占据整个屏幕,无论用户的屏幕分辨率是多少。自动高度取决于内容,所以我需要使用 javascript 才能实现我的目标吗?或者我可以使用带有“clear:both;”的东西吗?为了始终将 div 拉伸(stretch)到底部?我真的很想避免使用 javascript。
最佳答案
只要父容器(如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
...示例只是为了展示
关于html - 简单的 HTML/CSS 问题 - 高度和屏幕分辨率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7048097/