jem*_*ger 2 css positioning css-position
假设我有一个类似的文档
<style type="text/css">
div {
border:1px solid;
padding:15px;
}
#i_am_relatively_positioned{
background-color:#fcc;
margin:50px;
padding:50px;
position:relative;
}
#inner {
background-color:#cfc;
}
#i_want_to_be_absolute_to_body{
background-color:#ccf;
left:0;
position:absolute;
top:0;
}
</style>
<body>
<div id="i_am_relatively_positioned">
<div id="inner">inner</div>
<div id="i_want_to_be_absolute_to_body">absolute to body</div>
</div>
</body>
有没有一种方法,使绝对定位相对于body元素,而不是其直系亲属容器#i_want_to_be_absolute_to_body？
我知道我可以使用一些负面的顶部和左边,但这似乎是kludgey - 这是我唯一的选择吗？
您可以使用一些javascript来执行此操作(我假设您无法更改标记？).
document.body.appendChild(document.getElementById('i_want_to_be_absolute_to_body'));