Как растянуть блок по высоте 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.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

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

Наш специалист свяжется с вами в ближайшее время и уточнит детали