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

标签 html css height screen screen-resolution

我需要让一个 div 有一定的高度,它有一个重复的图像,我希望它占据整个屏幕,无论用户的屏幕分辨率是多少。自动高度取决于内容,所以我需要使用 javascript 才能实现我的目标吗?或者我可以使用带有“clear:both;”的东西吗?为了始终将 div 拉伸(stretch)到底部?我真的很想避免使用 javascript。

最佳答案

只要父容器(如bodyhtml)有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/

相关文章:

javascript - 如何检查父元素中的点击,而不是子元素中的点击?

javascript - Jquery 数据表 : where value is equal click closest checkbox

html - 在元素符号编号之外添加左边框以列出元素

css - 使用 zurb foundation 在 ipad 上水平滚动

javascript - jQuery Calculate (window).innerHeight() 减去 vh

javascript - 具有循环功能的 <video> 元素不会在 Chrome 或 Firefox 中无缝循环播放视频

css - 如何更改 Bootstrap 4 导航栏按钮图标颜色?

css - 还有另一种调整 Blockly 工作区大小的方法吗?

R确定图像宽度和高度(以像素为单位)

javascript - 如何在加载后在中心或特定高度启动页面