Как растянуть блок по высоте CSS

Для растяжения блока по высоте можно использовать свойство CSS height: 100%;. Оно устанавливает высоту элемента равной 100% от высоты его родительского элемента.

Пример:

HTML:

<div class="parent">
  <div class="child">
    Этот блок будет растянут по высоте на 100%
  </div>
</div>

CSS:

.parent {
  height: 500px; /* задаем высоту родительского блока */
}

.child {
  height: 100%; /* растягиваем блок по высоте на 100% */
}

В данном примере блок .child будет растянут по высоте на 100% от высоты блока .parent.