<body>
<div class="page">
<header class="header">
Шапка
</header>
<main class="main">
Контент
</main>
<footer class="footer">
Подвал
</footer>
</div>
</body>
* {
margin: 0;
padding: 0;
}
body {
height: 100%;
}
. page {
min-height: 100vh;
display: flex;
flex-direction: column;
}
. main {
flex: 1 1 auto;
}