аюсь сделать дизайн Flexbox. Я не эксперт HTML / CSS. :(

У меня есть дизайн flexbox с фиксированным верхним и нижним колонтитулами и содержимым, которое занимает остальную часть доступного пространства страницы.

Когда я помещаю данные в область содержимого, которая длиннее доступного пространства, содержимое прокручивается. Но я хочу достичь другого.

Я хотел бы иметь несколько div (ниже друг друга) в области содержимого, и каждый div должен быть таким же высоким, как и область содержимого (даже если содержимое маленькое), поэтому у меня есть вид подкачки внутри области содержимого.

Пару дней я много пробовал и много читал, но не могу заставить его работать. Как сделать так, чтобы div внутри прокручиваемой области содержимого занимал все пространство (высоту)?