CSS - 使用位置相对/绝对完全可见的元素而不使用高度/最小高度？

Question

可能有些奇怪的问题，但我仍然坚持。

我有这样的元素结构：

<div class="one">
  <div>
    <h3></h3>
    <div class="two"></div>
  </div>
</div>

和这个CSS：

.one {position: relative; height: 50px; }
.two {position: absolute; height: 500px; }

当我无法在任何元素上使用min-height或height时，是否有CSS方法确保 .two 完全可见？

感谢您的帮助！

更新
以下是一个示例：tab view

Answer 1

不幸的是，由于.two绝对定位，因此无法让相对定位的.one自动扩展以适应其子级的大小。如果您只需要.two可见，则可以将overflow: visible;样式规则应用于.one，这样.two可以扩展到{{1}}的最后边缘它的父母。

Answer 2

Nopez不可能使用纯CSS。

因为元素绝对定位于容器，所以不知道它有多高。

您可以使用Javascript解决方案。或者只是给容器一个高度。