html - 使 div 调整其高度以使其绝对定位的 child

Question

我有一个 div 元素(默认定位)，其中包含 h1 和一个链接，它们都具有绝对定位。自然地，div 元素的高度崩溃了。如何使 div 元素根据其两个子元素调整其高度？我尝试了标准的 clearfixes，将溢出设置为自动并将 div 的位置设置为相对(这是我发现的另一篇文章的建议)，但都没有用。

我做了一个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 以使其覆盖 child 所需的高度。