How to push footer to the bottom of the screen?

Good afternoon, it is necessary that the footer appears correctly on various screen sizes (ie, were pinned to the bottom of the screen). Thank you in advance))
March 23rd 20 at 19:35
2 answers
March 23rd 20 at 19:37
here you 1001 ways.
simple examples , it is possible to experiment directly in the editor )

PS. Only this is css , not js vue.js :)
and it's not even jikuri))) - Esperanza.Grimes commented on March 23rd 20 at 19:40
@Esperanza.Grimes, for sure! - Lourdes76 commented on March 23rd 20 at 19:43
March 23rd 20 at 19:39
<div id="app">
 <header ref="header"></header>
 <section ref="content" class="content"></section>
 <footer ref="footer">

new Vue({
 el: "#app",
 let header = this.$refs.header.offsetHeight
 let footer = this.$refs.footer.offsetHeight
 let win = window.innerHeight;
 let size = win - footer - header; 
 this.$ = win + "px"

Find more questions by tags CSS