Прижимаем подвал сайта используя flexbox

15 сентября 2021, 05:13

HTML разметка страницы

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <div class="wrapper">
        <header></header>
        <main class="main">
        </main>
        <footer>
        </footer>
    </div>
</body>
</html>

CSS код

html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
.main {
    flex: 1 1 auto;
}