html - 如何在相对定位的 div 中包含绝对定位的 div？

Question

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

.wrapper {
  position: relative;
}

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

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

将导致 contentWrapper 的高度为 0(当检查元素时)，并且不会显示具有内容类的 div。

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

我在这里试图做的是避免 Looooong text 扩展包装器(包装器具有动态宽度，无法固定)。 contentWrapper 包含文本并将其包装起来，它还填充了父包装器的宽度，因此它不会被展开。唯一的问题是 contentWrapper 的高度为 0，文本不显示。

还有其他方法吗？

Answer 1

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