Ensure that the footer is on bottom of the page if the page has a short height [duplicate]

Answer 1

Here you go

#footer {  position: absolute; bottom: 0; width: 100%; height: 2rem; }
#main-container { padding-bottom: 2rem; }

Hello

World


Bye-bye.