我的帖子是关于 http://www.thepostboard.net 的
我需要让当前覆盖 100% 视口(viewport)的黑框改为覆盖整个页面。只有当您的屏幕需要滚动条才能查看网站时,您才会注意到这一点——否则它看起来不错。
我将覆盖的 div 设置为:
position: absolute;
height: 100%;
width: 100%;
我也有 body 设置为:
height: 100%;
margin: 0px 0px;
padding: 0px; 0px;
但出于某种原因,如果我在笔记本电脑上向下滚动,我会看到 DIV 的边缘,并且它下面没有任何东西被阻挡。
这样做的目的是为网站创建一个自定义灯箱。我已禁用使框变暗的 Javascript,以便您可以看到效果。
如何让它覆盖整个页面,而不仅仅是视口(viewport)?
(我的笔记本电脑是 1366x768,所以大概你会在任何高度分辨率 <= 760 的东西上看到它)。
最佳答案
<div>
需要
top: 0;
left: 0;
position: fixed;
width: 100%;
height: 100%;
background-color: red;
然后它会保持在视口(viewport)的尺寸范围内并随滚动条“移动”。
编辑:如果<body>
,它只会覆盖整个视口(viewport)。样式为
margin: 0;
padding: 0;
关于javascript - 使 DIV 覆盖 100% 的视口(viewport)而不是 100% 的主体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4343612/