相对于父项保持相对的固定位置侧边栏

Question

我有一个小CSS困惑的模型，我无法解开，不知道有没有人有想法？ （见图）。

基本上我有一个侧边栏（蓝色），我想要位置：固定，但我希望这个侧边栏尊重父级（红色）并且总是只占父级宽度的 25%，并且永远不要外出红色父级的边界（所以红色感觉就像一个大的居中元素）。

如果我修复侧边栏，它显然会跳出红色容器。如果我将蓝色嵌套在绝对位置容器中（并给出红色位置：相对），蓝色将保持固定但不会填满 25%。

如有任何想法，我们将不胜感激！

Answer 1

您尝试过 position: sticky 吗？它应该相对于父级。