@Dude-1

Почему футер не прижимается к низу страницы?

Приблизительная схема:
<header></header>
<div class="main">
<div class="test1"></div>
<div class="test2"></div>
</div>
<footer></footer>

Проблема в том, что когда я указываю main высоту в пикселях, то футер прижимается к низу. А когда ставлю auto, то не прижимается. Что должно соблюдаться у всех div'ов, чтобы такой проблемы не было?
  • Вопрос задан
  • 1627 просмотров
Пригласить эксперта
Ответы на вопрос 2
snap44
@snap44
Фыр!
body {display: flex;
	flex-direction: column;
	min-height: 100vh;}
.main {flex: 1;}

Но что-то мне подсказывает что так у вас возникнет еще больше вопросов. Найдите эту книгу

UPD: и забудьте про jquery пока не научитесь верстать.
Ответ написан
Комментировать
dimovich85
@dimovich85 Куратор тега CSS
https://u-academy.net/
Высота зависит от высоты контента, если его будет мало, чтобы высота блоков заняла всю высоту вьюпорта, то и футер не будет прижиматься к низу. Если вы выбрали тег футер, это не значит, что он автоматически будет внизу, напишите его вместо шапки и все равно все будет работать) Футеров может сделать бесконечно много.
Сверху написали, как прибить его. Вот еще вариант:
body
position: relative
padding-bottom: 100px
footer
position: absolute
bottom: 0
height: 100px
100px - это например высота вашего футера, может быть любой.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы