Javascript 修复了与其父级相关的div

我有这个片段，但我需要将红色框限制为白色框，而不是移动

.main{
背景色：黑色；
宽度：100%；
高度：1250px；
位置：相对位置；
}
.集装箱{
显示：块；
位置：绝对位置；
宽度：250px；
高度：650px；
背景：白色；
}
.红盒子{
背景：红色；
宽度：150px；
高度：140像素；
位置：固定；
}

---

由于

红色框

已修复，请将您的

容器

也修复-希望这能解决您的问题。干杯

正文{
保证金：0；
}
梅因先生{
背景色：黑色；
宽度：100%；
高度：1250px；
位置：相对位置；
}
.集装箱{
显示：块；
位置：固定；
宽度：250px；
高度：650px；
背景：白色；
}
.红盒子{
背景：红色；
宽度：150px；
高度：140像素；
位置：固定；
}

为什么

红色框

有固定的宽度和高度？@Gemma这将是一个按钮，我有固定的宽度和高度。@ThiagFerreira那么有什么要求？@kukkuz我不知道如何在向下滚动时使红色框停留在白色框内如何使白色框固定而不是红色框？只需要调整红色框即可修正了，想象一个页脚会在页脚上移动，但不起作用。这需要限制在白色框内，因为这只是一个旁白div，对不起，我的英语不好。试试

位置：绝对
对于
容器
和
红盒子
？当我尝试这个时，
红盒子
总是保持在顶部。当
容器
滚动到顶部时，你想让
红盒子
与之一起吗？是的，滚动时他需要与之一起，但在
白框中不允许传输