尽管位置是绝对的，但是防止div滚动

Question

我面临着一个'div hell'。这是html片段：

<div id="xyz" class="sensoricon moveable type1 node-2-sensor-1 string1" style="position: absolute; top: 241.467px; left: 236.417px; opacity: 1;">
<img src="/content/images/shared/sensors/bla.png" alt="">
</div>

我理解：

position: absolute;

应该阻止div滚动，但它仍然会（尽管开头只有一点点）。任何人都可以看到一般错误吗？

Answer 1

您想要做的是：

position: fixed;

因为 position：absolute; 设置相对于父坐标的位置，当滚动文档时，绝对位置相对于父级和父级（通过任何级别的计数）相对于整个文档位置是STILL

另一方面， position：fixed 设置相对于窗口的位置，而不是文档的位置。这样，滚动时元素就会保持在同一个位置。

Answer 2

绝对定位是指在下一个没有静止位置的较高祖先元素的边缘处测量的定位

Answer 3

就像我在评论中说的那样：
你应该使用position: fixed 它类似于absolute，但它不会滚动整个网站，它会在给定位置“固定”。