Html 创建当前视口高度div的100%高度

Html 创建当前视口高度div的100%高度,html,css,Html,Css,如何创建当前视口大小的100%高度div 我知道周围有很多分辨率,我想创建一个足够高的div来覆盖视口的当前大小 假设当前视口的大小与1920x1080分辨率屏幕的大小相同,但也有来自1024x768分辨率屏幕的其他人希望查看页面,我希望div显示为其所显示视口高度的100% 仅使用css是否可行?您可以使用固定位置。 将此添加到正文中: <div style="position:fixed; width:100%; height:100%; top:0; left:0;"><

如何创建当前视口大小的100%高度div

我知道周围有很多分辨率,我想创建一个足够高的div来覆盖视口的当前大小

假设当前视口的大小与1920x1080分辨率屏幕的大小相同,但也有来自1024x768分辨率屏幕的其他人希望查看页面,我希望div显示为其所显示视口高度的100%


仅使用css是否可行?

您可以使用固定位置。 将此添加到正文中:

<div style="position:fixed; width:100%; height:100%; top:0; left:0;"></div>

为html和body以及div指定100%的高度。

html,body,div.class_name{height:100%;}?您忘了将height:100%添加到html,body元素中。@Alvaro他不需要,因为他正在使用position:fixed;我不知道为什么我被否决了。