Всем привет! Подскажите, кто может, в чем проблема. Сделал прилипание футера к низу страницы с помощью флексбоксов:
body{
display: flex;
height: 100vh;
flex-direction: column;
}
.layout {
width: 100%;
flex: 1 0 auto;
}
footer{
width: 100%;
height: 150px;
}
В разметке соответственно лэйаут и футер расположены по соседству. Если лэйаут пустой или для него не указана высота, то футер стоит на месте, прижат к низу страницы. Но стоит добавить контент, как футер (сам блок, с фоном и прочими) уезжает вниз за пределы вьюпорта, причем все содержимое футера остается на месте.
Upd. При уменьшении масштаба до 50% и меньше футер появляется на месте.