Задать вопрос
@vittallyyaaa
javascript

Как прижать футер к низу экрана?

У меня на сайте не прижимается, пробовал разные варианты, те, что есть в подобных вопросах тоже. Был бы рад получить помощь

вот сайт, смотреть только на гл странице
https://musical-duckanoo-3d12e0.netlify.app
  • Вопрос задан
  • 1597 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Пригласить эксперта
Ответы на вопрос 3
@eldenhard2 
родитель {
position: relative;
height: 100vh;
}
Дочерний{
position: absolute;
bottom: 0
}
Ответ написан
5 комментариев
5 комментариев
noder_ss
@noder_ss
Линуксоид-энтузиаст и SQL разработчик
Если у вас правильно написан код, то этот вариант должен помочь, всегда им и пользуюсь(первый способ). Кстати, на мобилках сайт слетает. (А у футера точно не position:absolute? Как-то странно он себя ведет)
Ответ написан
Комментировать
Комментировать
Xuze78
@Xuze78
Изучаю front-end разработку
HTML
<body>
   <div class="page">
          <header class="header">
                   Шапка
          </header>

          <main class="main">
                   Контент
          </main>

          <footer class="footer">
                   Подвал
         </footer>
    </div>
</body>


CSS
* {
margin: 0;
padding: 0;
}

body {
height: 100%;
}

. page {
min-height: 100vh;
display: flex;
flex-direction: column; 
}

. main {
flex: 1 1 auto;
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Поправить сайт (мобильная версия) на WordPress
24 нояб. 2024, в 04:16
5000 руб./за проект
Необходимо поменять пароль в WINDOWS
24 нояб. 2024, в 03:11
500 руб./за проект
Требуется консультация по UX-дизайну казино
24 нояб. 2024, в 01:35
5000 руб./за проект
Ещё заказы