Html 相对于块而不是视口固定的位置

我有一个.gridster项目（块绝对定位，宽度和高度固定，自动溢出），在里面我希望红色块（绝对定位在右下角）停留在他开始的位置，但当我使用滚动时，红色块跟随滚动

.gridster项{
宽度：400px；
高度：200px；
位置：相对位置；
溢出：自动；
背景色：rgb（204214249）；
}
.树脂{
位置：绝对位置；
底部：0；
右：0；
宽度：10px；
高度：10px；
背景色：红色；
}

页面标题
洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

您需要使用带有

位置：相对的包装器，这样绝对定位的元素将相对定位，并且不受滚动div的影响：


#包装器{
显示：inline block；/*或“inline flex”，它也只占用内容的宽度*/
位置：相对位置；
}
.gridster项目{
宽度：400px；
高度：200px；
/*位置：相对位置*/
溢出：自动；
背景色：rgb（204214249）；
}
.树脂{
位置：绝对位置；
底部：0；
右：17px；/*17px，因为这是滚动条的典型宽度*/
宽度：10px；
高度：10px；
背景色：红色；
}

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特

洛雷姆·伊普桑·多洛·阿梅特