Авторизация
Забыли пароль? Введите ваш е-мейл адрес. Вы получите письмо на почту со ссылкой для восстановления пароля.
После регистрации вы сможете задавать вопросы и писать свои ответы, получая за это бонусы. Все остальные функции на сайте доступны без регистрации.
Вы должны войти или зарегистрироваться, чтобы добавить ответ и получить бонусы.
Есть несколько способов прижать футер к низу страницы с помощью CSS. Вот два наиболее распространенных:
1. Использование позиционирования:
«`css
html, body {
height: 100%;
margin: 0;
padding: 0;
}
.container {
min-height: 100%;
position: relative;
}
.content {
padding-bottom: 50px; /* высота футера */
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 50px; /* высота футера */
}
«`
В этом примере контейнер `.container` занимает минимальную высоту 100% от высоты страницы, а содержимое `.content` имеет отступ снизу, равный высоте футера. Футер `.footer` позиционируется абсолютно и прижимается к нижней части контейнера.
2. Использование Flexbox:
«`css
html, body {
height: 100%;
margin: 0;
padding: 0;
}
.container {
display: flex;
flex-direction: column;
min-height: 100%;
}
.content {
flex: 1;
}
.footer {
flex-shrink: 0;
height: 50px; /* высота футера */
}
«`
В этом примере контейнер `.container` использует Flexbox для создания колонки, которая занимает минимальную высоту 100% от высоты страницы. Содержимое `.content` занимает все доступное пространство, а футер `.footer` имеет фиксированную высоту и не уменьшается в размере.
Оба этих метода помогут прижать футер к нижней части страницы в зависимости от вашего предпочтения и требований дизайна.