Авторизация
Забыли пароль? Введите ваш е-мейл адрес. Вы получите письмо на почту со ссылкой для восстановления пароля.
После регистрации вы сможете задавать вопросы и писать свои ответы, получая за это бонусы. Все остальные функции на сайте доступны без регистрации.
Вы должны войти или зарегистрироваться, чтобы добавить ответ и получить бонусы.
Есть несколько способов прижать footer к низу страницы в HTML:
1. Использование CSS Flexbox:
HTML:
«`html
«`
CSS:
«`css
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
main {
flex: 1;
}
«`
2. Использование CSS Grid:
HTML:
«`html
«`
CSS:
«`css
body {
display: grid;
grid-template-rows: auto 1fr auto;
min-height: 100vh;
}
«`
3. Использование позиционирования:
HTML:
«`html
«`
CSS:
«`css
html, body {
height: 100%;
}
body {
position: relative;
margin: 0;
padding-bottom: 100px; /* Высота футера */
min-height: 100%;
}
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 100px; /* Высота футера */
}
«`
Выберите один из этих способов в зависимости от ваших предпочтений и требований к макету.