CSS位置：固定

Question

那里 下面是 html 代码：

<div class="cont">
    <p class="fix">fixed text</p>
</div>
and css:
.cont{position:relative; width:500px; background-color:red; height:2000px;}
.fix{position:fixed; right:0;}

我想设置 p.fix 相对于 .cont 元素的正确位置。但我应用的代码无法正确工作。（它相对于 body 元素）

有什么建议吗？ 非常感谢。

Answer 1

据我所知，position:fixed 元素的 top、bottom、left 和 right 属性是相对于浏览器视口的。如果它们的工作方式不同，那就没有多大意义，因为位置：固定元素意味着位于浏览器窗口中的固定位置，而不管剩余内容的滚动如何。

如果你想让元素最初处于某个位置，你可以将其包装在一个带有position:absolute的div中，并布局使其位于所需的位置，并且不要为元素提供top、bottom、left和right属性。位置：固定元素。