Почему получается прижать футер только при помощи этого(height: 100vh;) параметра?

Question

[Максим Бойко]

Я пытался прижать футер к низу страницы с помощью флексов, ничего не получлось, нашёл такой способ, что нужно просто добавить "height: 100vh;" к body или другому главному контейнеру. Не совсем понимаю, что значит значение 100hv, не сталкивался с таким ранее, раньше он прижимался и без этих параметров, может это было потому, что контента на странице было достаточно.

Comments

[Сергей delphinpro]

может это было потому, что контента на странице было достаточно.

В чем смысл? Если контента много, то подвал некуда прижимать, он по-любому внизу будет. Когда говорят о прижатии футера, то речь всегда о небольшом количестве контента. И тут без растяжки контейнера на 100 процентов, или 100 процентов высоты вьюпорта (те самые 100vh — 100 viewport height) не обойтись.

Answer 1

[noob_wp]

.footer {
position: absolute;
bottom: 0;
width: 100%;
}

пропиши это и будет счастье

Comments

[Максим Бойко]

absolute в этом случае не работает так, как хотелось бы, можно поставить позиционирование как fixed, но тогда футер будет виден всегда, лучше уже с флексами