Прижать футер к низу сайта
Расположить футер внизу страницы можно через свойство display: flex
.
Код на HTML:
<div class="page">
<div class="content">
<p>Контент</p>
</div>
<footer>
<p>Подвал (footer)</p>
</footer>
</div>
Код на CSS:
* {margin: 0; padding: 0;}
.page {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.content {
flex: 1;
}
Пример кода:
Поддержать автора
Все статьи создаются и поддерживаются одним человеком,
если вам нравится контент, вы можете поддержать автора сайта