Css 相对于html标记的绝对定位

我试图绝对定位驻留在网页页脚中的html元素。我想把它放在主菜单中的项目旁边

绝对定位不起作用，因为页面的高度不断变化，并且我试图定位的元素相对于其父元素进行定位

有没有一种方法可以绝对地相对于html标记而不是父标记定位元素？基本上，我想定位，就像元素是固定的，所以它总是出现在页面上的同一个位置，但它应该是文档树的一部分，并与页面一起滚动

编辑

---

元素无法移动，因此需要完全通过CSS进行定位。

使元素成为菜单的子元素，然后它将相对于菜单显示。下面给出了一个小示例

HTML:

---

Fiddle:

为什么不将要定位的元素作为菜单的子元素，因为它无论如何都会出现在菜单中？在这种特殊情况下，元素无法移动，因此定位需要完全通过CSS完成。有可能吗？那么你必须给我们看一下结构。请发布您的HTML和CSS以及JSFIDLE。如果可以的话，到实际页面的链接也会很有用。这是一个很好的答案。但是，在这种特殊情况下，元素不能移动，因此定位需要完全通过CSS完成。有可能吗？@Karl是的，位置是可以做到的。使用相对于父元素的绝对属性和左上角属性意味着我无法在html中移动元素/更改html结构，我只能通过CSS进行操作。AFAIK使用CSS无法更改父级。

<div id="menu">
  <div id="elementDiv"></div>
</div>

#menu
{
width:100px;
    height:100px;
    position:relative;
    margin-top:100px;
    border:1px solid black;
}

#elementDiv
{
    position:absolute;
    left:10px;
    width:50px;
    height:10px;
    border:1px solid black;
}