Как сделать заполнение промежного блока на максимальную высоту?

Question

Как сделать чтобы данный блок мог растягиваться на максимально возможную высоту? (сейчас стоит height="70%") И важное замечание: чтобы не превышало высоту родительского блока, и не "выбивало" нижестоящий блок под этим (чтобы не было прокрутки).

Вот остальные данные:

Answer 1

Как вариант:

html{
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
}

.past_body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.h{
  height: 50px;
}

.fg-1 {
  flex-grow: 1;
}

<div class="past_body">
  <div class="h">header</div>
  <div class="fg-1">content</div>
  <div class="h">footer</div>
</div>

БЛОГ НА HUSL

Как сделать заполнение промежного блока на максимальную высоту?

Ответы (1 шт):