Html 全屏Div下的Div，带有；固定还是绝对；？

我一直在研究模仿一些网站来学习一些新的技巧

在这样做的时候，我在模仿某个网站时遇到了一些麻烦

这是该网站的链接

如果你看一下网站的顶部，有一个div，它包含一个背景图像，有一个“绝对”位置和一个“背景大小”覆盖，我的问题从这里开始

在该div的正下方，有另一个div（id=“about”）紧随其后，令人惊讶的是，即使窗口大小更改，该div也总是紧随其后

根据我的理解，我认为不可能一个接一个地堆叠一个“abolute”或“fixed”定位div，它们只是变得分层

实现这种效果有什么诀窍吗

现在我在我的网站上有一个div，如下所示

Html

<div id = "fill_screen">
</div>

<div id = "followup_div">
</div>

有没有一种方法可以使div正好位于一个绝对或固定位置的div之下，而这个div也填充了屏幕的窗口？这对web浏览器大小是动态的吗

---

我做了一些研究，有一些技术使用了视口高度（vh），但我发现一些旧浏览器与它不兼容

必须修改followup\u div的位置。followup\u div使用绝对定位，必须从顶部100%移动

HTML:

---

如果您查看id=“intro”的顶部，您可以看到class=“intro down”。这个锚为固定div留出空间，如果你移除它，你可以看到id“intro”（这是一个固定div）将消失。

听说过

z-index:

？@PHPglue:是的，但这不是通常用来决定分层顺序的吗？比如上面的和下面的我想我不知道你在“下所说的

”是什么意思。如果那些
固定的
或
绝对的
定位元素有子元素，那么在这些子元素下是可能的。如果
位置：固定元素相对于占据整个屏幕的另一个元素，那么
100%
当然不会离开空间。@PHPglue:是的，我害怕有更多编码知识的观众很难理解我的问题。但我想如果我能让问题变得更简单。我有一个DIV元素需要填充整个屏幕，直到用户滚动并在填充整个屏幕的第一个DIV元素下面显示另一个DIV。@PHPglue:您能给我一个这样的例子吗？我对JavaScript还是相当陌生。是的！这正是我要找的，非常感谢！不过我还有一个小问题。如果我要在下面添加更多的followup\u div，css“top”值是否必须增加更多？您只需修改每个新添加div的top位置。你应该看看视差网页设计，因为这就是它。明白了！我将大胆地调查此事。但愿我能给你10亿张选票，但那得等到我的名声提高了！
#fill_screen {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

#followup_div {
background-color: yellow;
height: 500px;
width: 100%;
}

<div id = "fill_screen">
    <button>text</button>
</div>

<div id = "followup_div">

</div>

body {
margin:0px;
}

#fill_screen {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
right:0;
bottom:0;
background-color:red;
}

#followup_div {
background-color: yellow;
height: 500px;
width: 100%;
position:absolute;
top:100%;
}