我现在有一个问题，我似乎无法深入了解。
假设我有这段代码:
<div id="Father">
<div style="position:absolute" id="Son">
Some random content here....
</div>
</div>
有时我需要 Son 全屏，所以我只应用一些 top:0;左:0；和宽度:100%；高度:100%；对它的重视，仅此而已，因为他不依赖于父亲。 但有时我希望 Son 与 Father 保持相对，而不是从页面的最顶部开始，所以我只应用一些 position:relative;给父亲，仅此而已。 Son 被“接地”；
我的问题是，如果我尝试使用 $("#Father").css("position","fixed");让儿子再次出来似乎没有用。无论我给出什么 js 指令，它都相对于父亲。
附言我已经刷新了儿子的显示(阻止/无)，我不希望儿子站在屏幕上时发生变化。
希望你能帮助我。
最佳答案
一个 child 将绝对引用具有非static 的第一个祖先定位。位置，或到 <body>元素；
要从其祖先的约束中“释放”一个元素，只需恢复它的静态位置即可:
$('#father').css('position','static');
或者，如评论中所示，您可以使用空字符串或无效值来使浏览器放弃规则:
$('#father').css('position','');
关于javascript - CSS/JavaScript 绝对定位与固定定位，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26605147/