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元素的正确位置。但是我应用的代码工作不正确。（它与身体元素有关）

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

Answer 1

据我所知，position:fixed元素的顶部、底部、左侧和右侧属性是相对于浏览器的视口的。如果它们的工作方式不同，那就没有多大意义了，因为position:固定元素意味着在浏览器窗口中处于固定位置，而不考虑滚动其余内容。

如果你想让元素最初处于某个位置，你可以把它包装在一个div中，用position:absolute和layout来代替，不要为position:fixed元素应用top、bottom、left和right属性。