Question

我现在遇到一个问题，我似乎无法深入到底。

我们说我有这段代码：

<div id="Father">
   <div style="position:absolute" id="Son">
   Some random content here....
   </div>
</div>

有时我需要儿子全屏，所以我只需应用一些顶部：0;左：0;宽度：100％;高度：100％;它的价值观和所有因素，因为他不依赖父亲。但有时我希望儿子保持与父亲的关系，而不是从页面的顶部开始，所以我只是应用一些位置：亲戚;对父亲而言就是这样。儿子是＆＃34;接地＆＃34 ;;

我的问题是，如果我尝试使用$（＆＃34;＃Father＆＃34;）。css（＆＃34; position＆＃34;，＆＃34; fixed＆＃34;）;为了让儿子再次出去它似乎不起作用。无论我给出什么指令，它都与父亲保持相关。

P.S。我已经刷新了Son的显示器（块/无），我不希望儿子站在屏幕上发生变化。

希望你能帮助我。

Answer 1

儿童的绝对位置应参考具有非static位置的第一祖先，或<body>元素;

要从其祖先的约束中“释放”一个元素，只需恢复它的静态位置：

$('#father').css('position','static');

或者，如评论中所示，您可以使用空字符串或无效值来使浏览器放弃该规则：

$('#father').css('position','');