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; }

Есть ли способ CSS, чтобы убедиться, что .two полностью виден, когда я не могу использовать минимальную высоту или высоту для какого-либо элемента?

Спасибо за помощь!

UPDATE
Вот пример: вкладка

Answer 1

К сожалению, поскольку .two абсолютно позиционирован, нет способа заставить относительное позиционирование .one автоматически расширяться в соответствии с размером его потомка.Если все, что вам нужно, это чтобы .two было видимым, вы можете применить правило стиля overflow: visible; к .one, что позволит .two расширяться за нижний край его родителя.

Answer 2

Nopez невозможен с чистым CSS.

Поскольку элемент абсолютно позиционирован в контейнере, он не имеет представления о его высоте.

Хотя вы можете использовать решение Javascript.Или просто дайте контейнеру высоту.