<head>
<style>
.page {
height: 297mm;
width: 210mm;
display: flex;
flex-direction: column;
}
.ust {
min-height: 10vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: red;
}
.alt {
min-height: 15vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: auto;
background-color: blue;
}
.icerik {
display: flex;
flex-direction: column;
}
</style>
</head>
<body>
<div class="page">
<div class="ust"></div>
<div class="icerik"></div>
<div class="alt"></div>
</div>
Flex ile şöyle bir örnek yaptım. page sınıfınının boyutlarına a4 boyutlarını girdim.