让 div 根据其绝对位置的子级调整其高度

Question

我有一个div元素(默认定位(，包含h1和一个链接，两者都有绝对定位。自然，div 元素高度会塌陷。如何使div 元素将其高度调整为其两个子元素？我已经尝试了标准的清除修复，将溢出设置为自动并将div 的位置设置为相对(这是我发现的另一篇文章的建议(，但没有一个奏效。

我

做了一个jsfiddle来说明我的问题。

网页代码：

<div>
  <h1>the div doesnt go around this element</h1>
</div>

CSS代码：

div {border: 2px solid;}
h1 {position: absolute;}

Answer 1

在 css 中使用div 的最小宽度，使其覆盖子级所需的高度。

Answer 2

我做了一个jsfiddle，帮助你使用jquery解决这个问题：https://jsfiddle.net/9hubfbxt/

该 HTML 代码：

<div id="parent">
  <div id="child1" class="child">
  </div>
  <div id="child2" class="child">
  </div>
</div>

jquery：

var height = 0;
$("#parent .child").each(function() {
    height = height + $(this).outerHeight(true);
});
$("#parent").height(height);

现在，高度可以是任何东西，这取决于里面的东西。

编辑：我用我的jQuery解决方法编辑了你的JSFIDDLE：https://jsfiddle.net/4yuco4cL/1/