Не получается правильно прижать div к низу страницы

#html #css

Всем привет! Верстаю страницу, и столкнулся с проблемой – div.player "плавает" при
изменении ширины браузера (на картинке вы видите неприятный отступ снизу) Я пытался
position: absolute; bottom: 0;, но опять проблема: в таком случае он перекрывает контент
страницы. Сюда сниппет вставить не могу, так что вот на jsfiddle:

Скрипт: https://fiddle.jshell.net/2hgL54ww/419/

Режим просмотра: https://fiddle.jshell.net/2hgL54ww/419/show/
    

Ответы

Ответ 1

Делайте прям при помощи css

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.wrap {
  flex: 1 1 auto;
}


Пример вот