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

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

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

вот сайт, смотреть только на гл странице
https://musical-duckanoo-3d12e0.netlify.app
  • Вопрос задан
  • 448 просмотров
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 разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Developer (back-end / full-stack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Сделать автоматизацию действий на сайте
06 мая 2024, в 02:13
8000 руб./за проект
Разработать скрипт на терафлрме для деплоймеета
06 мая 2024, в 01:10
30000 руб./за проект
Правки в Laravel админку с тг ботами
05 мая 2024, в 23:43
8000 руб./за проект
Ещё заказы