Html CSS位置固定保持高度

我有一个包含内容的div和一个只是包装器的outter div。我正在尝试将css从outter div组合到内部div，以便删除outter div。当我这样做时，div不再可见（假设高度为零）。我想这可能是命令，所以我尝试重新安排css，但仍然没有运气

#第1部分{
最小高度：200px；
宽度：100vw；
}
#第二组{
/*最小高度：200px；
宽度：100vw*/
位置：固定；
身高：100%；
宽度：100%；
背景色：#74CFAE；
字体大小：25px；
线高：40px；
z指数：-1；
}
#第三组{
位置：相对位置；
高度：600px；
宽度：100vw；
背景色：#333；
}

我想让下面的div在这个内容上滚动

它是隐藏的，因为你有一个

z-index

的

-1

，当你把它向前推时，你会看到div。

我对它的看法：如果你知道div2的高度，你可以放下div1，但你必须把div3放在一个明确的顶部。 如果您不知道div1/2的高度，也不想动态地重新定位div3，那么将div1作为包装器似乎是一个很好的解决方案。 具有已知div2高度的建议：

#div2 {
    height: 100px
    width: 100vw;
    position: fixed;

    background-color: #74CFAE;
    font-size: 25px;
    line-height: 40px;
    z-index: -1;
}

#div3 {
    position: relative;
    height: 600px;
    width: 100vw;
    background-color: #333;
    top: 100px;
}

---

删除z索引没有帮助。需要z索引，以便以下内容将在该div上滚动。此时，您需要为以下内容提供与要显示的固定div数量相等的顶部填充。因为位置：fixedl你的div不会像相对div那样向下推内容。我不使用“top”，因为随着不同平台宽度的变化，内容会变长。不过你的答案确实有效，而且可能对其他人有用。那么我认为你的第一个解决方案是最好的。我经常尝试删除尽可能多的div，但对于复杂的布局和行为，我经常发现这通常是最简单、最有效的方法。不过这只是我的意见。