javascript - position:absolute导致元素消失

我想知道是否有任何方法可以解决此问题。

我有三个div，彼此嵌套

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

我已使用此javascript将父辈的身高确定为孩子的身高：

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

但是，这仅在子元素未绝对定位时才有效。当我将.child设置为position：absolute时，它将导致父元素和子元素消失。有什么方法可以将子级设置为绝对值，并更改父容器的高度以适合其高度？

这是一个小提琴...现在它可以正常工作，但是未为子元素设置绝对位置。从position：absolute附近删除注释标记会破坏所有内容。

http://jsfiddle.net/jjalbert/dHt7L/3/

最佳答案

您的HTML不使用holdme类，并且您的小提琴也没有导入jQuery。 Correcting both of these makes it work fine：

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