Чтобы прижать футер к низу страницы с помощью CSS, можно использовать фиксированное позиционирование: 1

.footer {  position: fixed;  left: 0;  bottom: 0;  background-color: #444;  width: 100%;}

Ещё один способ — использовать Flexbox: 2

html, body { height: 100%; }.container {  display: flex;  flex-direction: column;  min-height: 100vh;}.content {  flex: 1;}.footer {  /* Стили футера могут быть указаны здесь */}

Ещё один вариант — использовать Grid: 1

.wrapper {  height: 100vh;  display: grid;  grid-template-rows: 1fr auto;}

Выбор метода зависит от личных предпочтений и потребностей разработчика.