sticky footer

Question

"Sticky footer" is a layout pattern that

1. if content is short, the footer "sticks" to the bottom
2. otherwise, footer is is displayed after the content as normal.

Suppose we have some HTML structure:

<div class="container">
  <div class="header">header</div>
  <div class="body">
    content here might be tall , might be short
  </div>
  <div class="footer">footer</div>
</div>

Blow is how Sticky Footer pattern should behave.

Source

Source From