Html 避免重叠div

正如您在提供的代码片段中所看到的那样，我有一个重叠的

问题（我试图尽可能简化我的代码）。我想要实现的是，

section--red

被修复，因此

section--green

和

section--blue

在滚动时重叠，而

section--blue

在

section--green

之后。有没有办法不在任何一个元素上设置固定的

高度

？非常感谢您的任何意见

。部分--红色{
位置：固定；
排名：0；
z指数：-1；
高度：100vh；
背景颜色：栗色；
}
.部分-绿色{
位置：相对位置；
填充顶部：160px；
顶部：100vh；
z指数：2；
}
.部分--绿色：之前{
位置：绝对位置；
排名：0；
左：50%；
z指数：-1；
显示：块；
宽度：100vw；
高度：计算（100%+160px）；
内容：“；
背景颜色：橄榄色；
转换：翻译（-50%）；
}
.部分-蓝色{
背景色：青色；
}

你好
Lorem ipsum dolor sit amet，是一位杰出的献身者。埃蒂亚姆·菲尼布斯·图尔皮斯和威尼斯人尤伊斯莫。伊莱芬德·洛雷姆的奎斯克。在hac habitasse Plateum，一句名言。努克·利古拉·里苏斯，洛博蒂斯广场的索利西图门，马莱苏阿达·亨德雷特·莱库斯。因为欧盟缺乏尊严和效率。纳拉·麦塔斯，努克·波苏雷的乌尔特里斯，福西布斯·尼西的前王朝。Sed Comodo mauris eu mattis调味品

Phasellus eu rhoncus magna。唇腭裂。前庭静脉曲张前庭直径。我们的发酵液是益智发酵液。这是一个非常重要的问题。两人一组，两人一组，一人一组，一人一组。我们的葡萄品种，我的佩伦茨克玉米粥，turpis mauris aliquam lorem，一种有效的方法，告诉我们生命的意义。Suspendisse在ultrices sapien。完成前庭面直径的测量。梅塞纳斯·蒂尼·麦格纳，她是一名孕妇，也是一名孕妇id

Mauris拍卖人diam Mauris，坐着amet viverra arcu Comodo quis。怀孕的女策展人是一名妇女，他们的前庭是一名女策展人。第二阶段是同侧肢体，第二阶段是自由生活，第三阶段是turpis。前庭，前庭，前庭。毛里斯·ac·维利特·萨皮恩。这是一种侵权行为和犯罪行为。整节律，整节律，整节律，整节律，整节律，整节律。这是一个很好的例子。Mauris suscipit eleifend nisl，一对一的营养素。佩伦特风格的pulvinar turpis vitae felis tristique accumsan。莫里斯·尤马萨在密苏里州。毛里斯·康塞奎特（Mauris consequat），我是法雷特拉大学的学生，我是turpis学院的学生，我是一名精英。整群流苏。Mauris congue magna est，vitae tempus ante facilisis vitae

只需从元素中删除位置：

。部分--红色{
位置：固定；
排名：0；
z指数：-1；
高度：100vh；
背景颜色：栗色；
}
.部分-绿色{
背景颜色：绿色；
边际上限：100vh；
z指数：2；
}
.部分--绿色：之前{
职位：
排名：0；
左：50%；
z指数：-1；
显示：块；
宽度：100vw；
高度：计算（100%+160px）；
内容：“；
背景颜色：橄榄色；
转换：翻译（-50%）；
}
.部分-蓝色{
背景色：青色；
显示：表格单元格；
}

你好
Lorem ipsum dolor sit amet，是一位杰出的献身者。埃蒂亚姆·菲尼布斯·图尔皮斯和威尼斯人尤伊斯莫。伊莱芬德·洛雷姆的奎斯克。在hac habitasse Plateum，一句名言。努克·利古拉·里苏斯，洛博蒂斯广场的索利西图门，马莱苏阿达·亨德雷特·莱库斯。因为欧盟缺乏尊严和效率。纳拉·麦塔斯，努克·波苏雷的乌尔特里斯，福西布斯·尼西的前王朝。Sed Comodo mauris eu mattis调味品

Phasellus eu rhoncus magna。唇腭裂。前庭静脉曲张前庭直径。我们的发酵液是益智发酵液。这是一个非常重要的问题。两人一组，两人一组，一人一组，一人一组。我们的葡萄品种，我的佩伦茨克玉米粥，turpis mauris aliquam lorem，一种有效的方法，告诉我们生命的意义。Suspendisse在ultrices sapien。完成前庭面直径的测量。梅塞纳斯·蒂尼·麦格纳，她是一名孕妇，也是一名孕妇id

Mauris拍卖人diam Mauris，坐着amet viverra arcu Comodo quis。怀孕的女策展人是一名妇女，他们的前庭是一名女策展人。第二阶段是同侧肢体，第二阶段是自由生活，第三阶段是turpis。前庭，前庭，前庭。毛里斯·ac·维利特·萨皮恩。这是一种侵权行为和犯罪行为。整节律，整节律，整节律，整节律，整节律，整节律。这是一个很好的例子。Mauris suscipit eleifend nisl，一对一的营养素。佩伦特风格的pulvinar turpis vitae felis tristique accumsan。莫里斯·尤马萨在密苏里州。毛里斯·康塞奎特（Mauris consequat），我是法雷特拉大学的学生，我是turpis学院的学生，我是一名精英。整群流苏。Mauris congue magna est，vitae tempus ante facilisis vitae

谢谢，但也不是我要找的：我需要

部分-红色

被

固定

所以

部分绿色

和

部分蓝色

在滚动时重叠，而

部分-蓝色

被

部分-绿色

按下是的<代码>页边空白顶部而不是

顶部

是它所做的。谢谢我很乐意帮忙！