@Anton8989

Как прижать footer к нижней части экрана?

Добрый день, необходимо, чтобы footer корректно отображался на различных размерах экрана (т.е был прижат к нижней части экрана). Заранее спасибо))
  • Вопрос задан
  • 502 просмотра
Пригласить эксперта
Ответы на вопрос 2
coderisimo
@coderisimo
вот вам 1001 способ.
https://css-tricks.com/couple-takes-sticky-footer/
простые примеры , можно поэксперементировать прямо в редакторе )

З.Ы. Только это css , а не js и vue.js :)
Ответ написан
@Anton8989 Автор вопроса
<div id="app">
  <header ref="header"></header>
  <section ref="content" class="content"></section>
  <footer ref="footer">
  </footer>
</div>

new Vue({
    el: "#app",
      mounted(){
           let header = this.$refs.header.offsetHeight
           let footer = this.$refs.footer.offsetHeight
           let win = window.innerHeight;
           let size = win - footer - header; 
           this.$refs.content.style.minHeight = win + "px"
        }
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы