绝对定位元素不在相对父级中答案

【问题标题】：Absolute Positioned Element Not Staying in Relative Parent绝对定位元素不在相对父级中
【发布时间】：2020-07-11 07:07:54
【问题描述】：

我正在构建一个多步骤表单，然后为这些步骤设置动画。我将不同的问题分组到单独的fieldsets，然后为这些fieldsteps 设置动画。父包装器已应用position:relative。

当您单击“上一个”时，您可以看到页脚位于现在具有position:absolute 的fieldset 后面。我该如何阻止这个？我不能在父级上设置明确的高度，因为它会从一步更改为下一步。

【问题讨论】：

【解决方案1】：

我注意到在 Next 按钮的单击侦听器中，您将 current_fs 的位置设置为绝对位置，但在 Previous 按钮的单击侦听器中，您没有将位置更改回相对位置。

我在上一个按钮的点击侦听器中更改了您的 complete 函数，将 previous_fs 的位置更改回相对位置，它似乎正在工作：

      complete: function () {
        current_fs.hide();
        animating = false;
        previous_fs.css({position: 'relative'})
      },

【讨论】：