Flexbox com cabeçalho e rodapé fixo e conteúdo rolável

Estou tentando fazer um design flexbox funcionar. Eu não sou um especialista em HTML / CSS. :(

Eu tenho um design flexbox com cabeçalho e rodapé fixos e conteúdo que ocupa o restante do espaço disponível na página.

Quando coloco dados na área de conteúdo que é maior que o espaço disponível, o conteúdo está rolando. Mas eu quero conseguir uma coisa diferente.

Gostaria de ter várias divs (abaixo uma da outra) na área de conteúdo e cada div deve ser tão alta quanto a área de conteúdo (mesmo que o conteúdo seja pequeno), para que eu tenha uma espécie de paginação dentro da área de conteúdo.

Alguns dias eu tentei muito e li muito, mas não consigo fazê-lo funcionar. Como fazer uma div dentro da área de conteúdo rolável ocupar todo o espaço (altura)?

questionAnswers(2)

yourAnswerToTheQuestion