How can I make the Footer fixed to the bottom of the screen?

Question

I'm trying to press the footer to the bottom of the screen, But so far I haven't been able to make it through CSS, how can I do it?

Example:

Answer 1

 Add the following code to the end of file qa-styles.css 

html, body {

    margin: 0;

    padding: 0;

    width: 100%;

    min-height: 100vh;

}

body {

    display: flex;

    flex-direction: column;

    align-items: stretch;

}

#qam-topbar, .qa-body-wrapper, .qam-footer-box {

    flex-shrink: 0;

}

.qam-main-nav-wrapper, .qa-body-wrapper {

    flex: 1 auto;

}