Как сделать высоту блока relative равной высоте блока absolute встроенным в него?

Question

[Кирилл Цыганов]

Есть блок:
html:

<div class="head">
  <div class="headMenu"></div>
  <div class="headVideo"><video></video></div>
</div>

css:

.head, .headMenu{
position:relative;
z-index:12;
}
.headVideo{
position:absolute;
z-index:2;
}

Как сделать так, что бы блок .head заканчивался там где заканчивается блок .headVideo? в блоке .headVideo находиться видео которое маштабируется в зависимости от разрешения экрана

Comments

[Rustam Bainazarov]

Никак. Absolute вытаскивает элемент из потока.

Нужен либо другой подход к проблеме, либо использовать JS.

[Ankhena]

Зачем вам там абсолют?

Answer 1

[Александр]

Возможно это Вам поможет.