Javascript：创建具有绝对定位的 div答案

【问题标题】：Javascript: creating div with absolute positioningJavascript：创建具有绝对定位的 div
【发布时间】：2010-03-12 22:54:38
【问题描述】：

只是想知道是否有办法用绝对定位 div 以使其忽略其他所有内容他们忽略了其他一切，并完全按照我设置的位置进行，不管？

【问题讨论】：

【解决方案1】：

position: absolute 表示对象定位在其最近定位的祖先元素的上下文中，如果没有定位祖先元素，则定位在视口中。所以把你的绝对定位元素作为body 元素的直接子元素，你会没事的。

【讨论】：

这是我的问题，我直接在正文下创建它们，在所有其他元素之外（例如：

) 但在某些情况下它不起作用，“另一个” div 将绝对 div 推开，我希望 absolutediv 始终处于同一位置，无论其他位置如何.我想我可能会使用 z-index？
“推开” div 是什么意思？如果他们都有 position: absolute 他们不会影响彼此的位置。它们可能会重叠，但永远不要移动它们。可以发一些代码吗？
把javascript创建的对象放在文档的最后。在这种情况下，您的对象在代码中的位置很重要。 z-index 仅适用于定位元素。
我使用 createElement 创建 div 并将其“top”设置为“200”，将“left”设置为“200”，并将 position 设置为“absolute”。在此页面 (google.com/…) 上它工作正常，显示在正确的位置，但是如果我尝试在此页面 (stackoverflow.com) 上运行 javascript，它会停留在顶角的 0,0。
@citricsquid — 我无法复制您的结果。在 FireBug 控制台中，我使用 DOM 方法创建了一个 div，给它一个“100px”的width 和height，一个“红色”的background，一个“200px”的top 和left ，以及“绝对”的position，然后将其附加到正文中。正如预期的那样，它出现在距页面顶部和左侧边缘 200 像素的位置。