Как привязать footer к низу страницы?

Question

[mUchenik]

Всем добра и здравия!
Друзья, ни как не могу прижать футер к низу страницы...
пытался с помощью Flexbox, но ни чего не выходит...
Страница контакты
Возможно, что значения придавал не тем классам.... В общем, перебрал массу вариантов... но ни чего не работает.

Ни чего не помогало, до тех пор, пока не закомментировал *,dd,dt{margin:0}
Но признаюсь, не понимаю, что это такое... И почему этот параметр блокировал прижатие футера к низу.

Comments

[ⓒⓢⓢ]

Ни чего не помогало, до тех пор, пока не закомментировал *,dd,dt{margin:0}
Но признаюсь, не понимаю, что это такое... И почему этот параметр блокировал прижатие футера к низу.

Во флекс блоке указание margin: 0 приведёт к прижиманию до соседнего блока (убирает отступ)
тогда как, например, margin: auto 0 0 0 будет максимально возможный отступ сверху до соседнего блока
у вас селектор "*" как раз и устанавливал правило для футера margin: 0

[Ankhena]

Забыли задать высоту или минимальную высоту 100% для html и body.

Answer 1

[KononovD]

Сделайте высоту контента
H:calc(100vh - высота шапки - высота футера)

Или с помощью флекса футеру задать align-self:flex-end;