Align DIV to bottom of the page

Question

I have a DIV that needs to be aligned to the bottom of a search result page, problem is whenever there is no search result or less

Answer 1

Simple 2020 no-tricks method:

body {
    display: flex;
    flex-direction: column;
}

#footer {
    margin-top: auto;
}