绝对定位的div位于相对定位的div内

Question

如何在相对定位的div中包含绝对定位的div？例如，像这样的结构：

HTML

<div class="wrapper clearfix">
 <div class="contentWrapper">
  <div class="content">Looong text here...</div>
 </div>
</div>

CSS

.wrapper {
position:relative;
}
.contentWrapper {
position:absolute;
top:0;
left:0;
}

将导致contentWrapper的高度为0（检查元素时），并且不显示带有内容类的div。

有没有办法对相对的内部绝对定位元素应用clearfix方法？

由于

编辑：

我在这里要做的是避免“Looooong text”扩展包装器（包装器有动态宽度，无法修复）。 contentWrapper包含文本并包装它，它也填充父包装器的宽度，以便它不会被扩展。唯一的问题是contentWrapper的高度为0，文本没有显示。

还有其他办法吗？

Answer 1

不，这是不可能的，您只能使用clearfix来清除浮动元素。

Answer 2

如果相对定位的容器中的唯一元素位于绝对位置，则必须在容器上指定高度。问题是position:absolue从内容流中删除了元素，因此容器无法识别绝对定位元素的高度。