使div调整其绝对定位的孩子的高度

Question

我有一个div元素（默认定位）包含和h1和一个链接，两者都有绝对定位。当然，div元素的高度会崩溃。如何让div元素调整其高度为两个孩子？ 我已经尝试了标准的clearfixes，将overflow设置为auto并将div的位置设置为relative（这是我发现的另一个帖子的建议）但是没有一个有效。

我制作了jsfiddle来解释我的问题。

HTML代码：

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

CSS代码：

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

Answer 1

在css中为div使用 min-width ，使其涵盖儿童所需的高度。

Answer 2

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

html代码：

   A    B
1  1  2.0
4  2  5.0

   A    B
3  1  4.0

   A    B
0  1  NaN
2  2  3.0

jquery：

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

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

  </div>
</div>

现在高度可以取决于内部的任何内容。

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