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属性是相对于浏览器的视口的。如果它们的工作方式不同就没有多大意义，因为位置：固定元素意味着在浏览器窗口中处于固定位置，而不管其余内容的滚动。

如果你想让元素最初处于某个位置，你可以将它包装在一个div中，其位置为：absolute和layout，它位于所需位置，而不是顶部，底部，左侧和右侧position的属性：fixed element。