20. sticky footer
- accepted / - tried
"Sticky footer" is a layout pattern that
- if content is short, the footer "sticks" to the bottom
- 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>
Below is how Sticky Footer pattern should behave.