Javascript 位置：导致元素消失的绝对值

我想知道是否有任何方法来解决这个问题，我有

我有三个div，相互嵌套

<div class="section">
<div class="parent">
<div class="child">
Some text.. blah blah. 
</div>
</div>
</div>

但是，这仅在子元素未绝对定位时有效。当我将.child设置为position:absolute时，它会导致父元素和子元素消失。是否有任何方法将子容器设置为绝对，并更改父容器的高度以适应子容器的高度

这是一把小提琴。。。目前，它工作正常，但未为子元素设置绝对位置。从around position:absolute删除注释标记会破坏一切

---

您的HTML没有使用

holdme

类，您的小提琴也没有导入jQuery：

---

您的HTML没有使用

holdme

类，并且您的小提琴没有导入jQuery：

---

任何地方都没有应用

.holdme

类

应该是

.chlid

var $holdme = $(".child");

如果您进行此更改，它将按照您的意愿工作

---

演示在没有

.holdme

类应用于任何地方

应该是

.chlid

var $holdme = $(".child");

如果您进行此更改，它将按照您的意愿工作

---

演示在

这里有一个工作版本的小提琴：

​

---

我删除了你的溢出：规则。。不确定这是否重要，但在我的工作流程中，这里有一个工作版本：

​

---

我删除了你的溢出：规则。。不确定这是否重要，但这是我工作流程的一部分

当然你没事，那是个愚蠢的错误。不幸的是，我在实际代码中仍然存在这个问题。。。我只是认为我在小提琴中重新创造了这个问题，但我只是因为忘记改变那个类别而制造了一个新问题：最好是保持这个问题的原样，找出如何重现这个问题，然后用更新过的小提琴问另一个问题。如果我看到新版本，我会尽力回答。你当然没事，那是个愚蠢的错误。不幸的是，我在实际代码中仍然存在这个问题。。。我只是认为我在小提琴中重新创造了这个问题，但我只是因为忘记改变那个类别而制造了一个新问题：最好是保持这个问题的原样，找出如何重现这个问题，然后用更新过的小提琴问另一个问题。如果我看到新版本，我会尽力回答。

var $holdme = $(".child");

    $(document).ready(function() {
         var $holdme = $(".child");
        $holdme.parent().height($holdme.outerHeight());
     });