web-tip.top
WTT

Як притиснути підвал сайту до низу

20.06.2024

Простий html код для прикладу:

<body>
    <header class="header">
      Шапка сайту
    </header>
    <div class="main-area">
      Основний контент сторінки
    </div>
    <footer class="footer">
      Підвал сайту
    </footer>
</body>

CSS код який змусить footer (підвал сайта) притиснутися до низу вікна браузера:

body{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
.main-area {
    flex: 1 0 auto;
}