当前位置: 首页 > 面试题库 >

使主体具有浏览器高度的100%

薛宜
2023-03-14
问题内容

我想让主体具有浏览器高度的100%。我可以使用CSS吗?

我尝试设置height: 100%,但不起作用。

我想为页面设置背景色以填充整个浏览器窗口,但是如果页面内容很少,我将在底部看到一个难看的白色条。


问题答案:

尝试将html元素的高度也设置为100%。

html, 
body {
    height: 100%;
}

Body向其父级(HTML)寻求如何缩放动态属性,因此HTML元素也需要设置其高度。

但是,身体的内容可能需要动态更改。将最小高度设置为100%将实现此目标。

html {
  height: 100%;
}
body {
  min-height: 100%;
}


 类似资料:
  • 我们问这个问题,因为这个2013年的线程(100-宽度-背景-图像-自动高度)的答案似乎不再起作用了。 我需要一个响应的背景图像与100%的宽度和自动高度。 我想根据屏幕大小使用媒体查询而不是Javascript提供不同的图像。 如果它在不同的浏览器上工作就好了(至少Chrome/火狐) 使用以下代码: 图像显示正确,100%宽度和自动高度(参见此处:JSFIDDLE1),但在更改屏幕大小时,我无

  • 我有这样的结构: 和此CSS: 正文{color:white;font-family:“play”,无衬线;max-width:2560px;margin:0 auto;min-width:960px;height:100%;padding:0;} 而不是高度的100%浏览器窗口。我有什么问题?多谢了。 JsFiddle

  • 问题内容: 我有两列的布局-左和右。 右边有一个灰色,我需要根据用户浏览器窗口的高度垂直扩展它。现在结束于该内容的最后一部分。 我试过,;等 问题答案: 有几个CSS 3度量单位,称为: 什么是视口百分比长度? 根据上面链接的W3候选推荐书: 视口百分比长度相对于初始包含块的大小。更改初始包含块的高度或宽度时,将对其进行相应缩放。 这些单位是(视口高度),(视口宽度),(视口最小长度)和(视口最大

  • 我是JavaFX的新手,我正在编写一个简单的登录应用程序,我想在我的web浏览器中启动它。 我如何获得web浏览器的宽度和高度?是否有一些对象用于此目的,或一个方法,我希望能够调整应用程序的大小,每当浏览器的大小改变。

  • 本文向大家介绍如何使用css实现跨浏览器的最小高度?相关面试题,主要包含被问及如何使用css实现跨浏览器的最小高度?时的应答技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍Java-JFrame-swing嵌套浏览器的具体步骤,包括了Java-JFrame-swing嵌套浏览器的具体步骤的使用技巧和注意事项,需要的朋友参考一下 一、使用swing嵌套浏览器要实现的功能: 通过java的swing实现在一个窗体中嵌套一个浏览器,可以在这个浏览器中将另一个项目的内容显示出来,只需要回去另一个项目首页的url即可,这样另一个项目就可以在swing嵌套的浏览器