11

I am facing a bit of a 'div hell'. This is the html snippet:

<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>

I understand that:

position: absolute;

should prevent the div from scrolling, but it still does (although only a little bit at the beginning). Can anyone see anything generally wrong?

4

3 回答 3

21

你想做的是：

position: fixed;

因为位置：绝对；设置相对于父坐标的位置，当文档滚动时，绝对位置仍然是相对于父级的，而父级（通过任何级别的计数）是相对于整个文档位置的。

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

于 2013-08-13T13:40:46.210 回答
2

就像我在评论中所说：
你应该使用position: fixed.
它类似于absolute，但它不会随着整个站点滚动，而是“固定”在给定位置上。

于 2013-08-13T13:42:19.867 回答
0

绝对定位是指在不具有静态位置的下一个更高祖先元素的边缘测量的定位

于 2013-08-13T13:41:13.643 回答