标签 javascript html css
<分区>
我想用红色的 background-color 制作一个 div 来覆盖我的整个页面，但我不想使用 CSS position: absolute。这是我的 CSS 位置示例:
<div style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;"></div>
CSS 位置在大多数情况下都有效，但后来我无法创建多个 div(它们重叠或相互抵消，因为 top: 0 和 left: 0)。当您向下滚动时，我希望您看到更多的 div。
如果有一个纯 CSS 解决方案，那将非常有帮助，但 JavaScript 和 HTML 也对我开放。只是没有 JQUERY。
最佳答案
使用视口(viewport)高度和视口(viewport)宽度怎么样？
我在 this JSFiddle 中创建了一个示例.
body, html {
margin: 0;
padding: 0;
}
div {
width: 100vw;
height: 100vh;
}
.one {
background-color: blue;
}
.two {
background-color: green;
}
.three {
background-color: yellow;
}<div class="one"></div>
<div class="two"></div>
<div class="three"></div>关于javascript - 使 DIV 覆盖整个页面，但不使用 CSS 位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40597692/