Html CSS从溢出中排除元素

此时，如果不复制元素类格式，我无法将

content-2

排除在粘性内容之外

正如您在下面的全屏小提琴中所注意到的，小提琴将导致：

.superlongcontent{
高度：1000px；
背景色：红色；
}
.粘的{
高度：300px；
位置：粘性；
顶部：0rem；
高度：计算（100vh-20rem）；
溢出y：自动；
背景颜色：蓝色；
}
.content-1{
高度：600px；
背景颜色：黄色；
}
.内容-2{
高度：50px；
背景颜色：绿色；
}

---

希望这能解决您的问题

.superlongcontent{
高度：1000px；
背景色：红色；
}
.包装纸{
高度：300px；
位置：相对位置；
顶部：0rem；
高度：计算（100vh-20rem）；
溢出y：自动；
背景颜色：蓝色；
}
.content-1{
高度：600px；
背景颜色：黄色；
/*下面的css仅用于演示目的-显示“结束”文本*/
显示器：flex；
对齐项目：柔性端；
}
.内容-2{
高度：50px；
背景颜色：绿色；
}
1.这太粘了{
位置：粘性；
底部：0；
宽度：100%；
左：0；
}

结束

谢谢您的回复。让我先试试我的项目。除了更改为相对包装器，还有其他方法吗？