Html 如何使div覆盖整个屏幕

我有个问题

到目前为止，我已经做到了：

我基本上希望突出显示的div覆盖设备屏幕，无论设备屏幕有多大。现在，当我在手机上打开它时，我看到了两个不同的div。我只想看到突出显示的那个。我如何做到这一点

提前感谢,，

---

kevin

您可以使用视口高度作为高度值：

.main{
高度：100vh；
背景颜色：绿色；
}

内容

您可以通过将要全屏显示的div的位置设置为

绝对值，然后应用下面的CSS来实现

top:0;
left:0;
bottom:0;
right:0;
height:100%;
width:100%;

因此，最终的css如下所示

.fullscreen{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:100%;
    width:100%;
}

您可以使用
位置：绝对或
位置：固定


使用
absolute
将其覆盖整个页面。

使用
fixed
将其锁定在默认位置。如果您使用
修复了
，即使您的页面超过100%，您也无法向下滚动查看任何其他内容。


CSS

div.any {
   position: absolute; /*position: fixed;*/
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   /*You can add anything else to this like image, background-color, etc.*/
}

HTML


视频容器{
位置：绝对位置；
排名：0；
底部：0；
宽度：100%；
身高：100%；
溢出：隐藏；
对象匹配：填充；
}
.视频容器视频{
最小宽度：100%；
最小高度：100%；
宽度：自动；
高度：自动；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
将车身设置为
高度：100%；宽度：100%
然后
.textboxtransparent{height:100%；width:100%}
请共享代码并创建一个显示问题的提琴。您可以将视口高度指定给
div
类似
高度：100vh
Js提琴added@KevinAartsen很乐意帮忙！
<div class="any"></div>