相对于页面的位置元素

Question

我有这个元素，我想将其定位到页面上的特定坐标。 问题在于它位于另一个定位元素内 ，因此position：absolute相对于此元素放置它，而我希望将其相对于页面放置。

有什么办法可以将元素放置在页面上的特定坐标处？

您可以在此页面上看到我所拥有的内容： http : //bit.ly/NkfJk7当您将鼠标悬停在该黄色感叹号图标上时，我希望粉红色的框出现在该位置附近，但它以两倍的距离出现。

Answer 1

我想通了，我做错了。

toolTip.style.left = button.offsetLeft + "px";
toolTip.style.top = button.offsetTop + "px";

不需要走绝对的:)

Answer 2

您可以使用position: fixed为此position: fixed

https://developer.mozilla.org/en/CSS/position

固定

不要为元素留出空间。 而是将其放置在相对于屏幕视口的指定位置，并且在滚动时不会移动。 打印时，将其放置在每页上的该固定位置上。

---

编辑：忽略此答案。 相对于屏幕的固定位置，因此页面将围绕屏幕滚动。