Make div stay at bottom of page’s content all the time even when there are scrollbars

by

This is precisely what position: fixed was designed for:

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

Here’s the fiddle: http://jsfiddle.net/uw8f9/

More Related Contents:

  1. Difference between static and relative positioning
  2. CSS positioning things differently between browsers [closed]
  3. Why can’t an element with a z-index value cover its child?
  4. How to Create Grid/Tile View? [duplicate]
  5. How can I center an absolutely positioned element in a div?
  6. Why bottom:0 doesn’t work with position:sticky?
  7. Understanding z-index stacking order
  8. CSS transition effect makes image blurry / moves image 1px, in Chrome?
  9. Footer at bottom of page or content, whichever is lower
  10. Center a position:fixed element
  11. My position: sticky element isn’t sticky when using flexbox
  12. Why does `overflow:hidden` prevent `position:sticky` from working?
  13. Flushing footer to bottom of the page, twitter bootstrap
  14. If you specify `bottom: 0` for position: sticky, why is it doing something different from the specs?
  15. What are the default top, left, botton or right values when position:absolute is used?
  16. Z-Index Relative or Absolute?
  17. How do I center an SVG in a div?
  18. Set Google Maps Container DIV width and height 100%
  19. position: absolute without setting top/left/bottom/right?
  20. CSS: fixed to bottom and centered
  21. IE7 relative/absolute positioning bug with dynamically modified page content
  22. pure CSS multiple stacked position sticky?
  23. Problem with CSS Sticky Footer implementation
  24. Absolute positioning ignoring padding of parent
  25. Sizing and positioning elements based on window width
  26. position relative in firefox [duplicate]
  27. Have a fixed position div that needs to scroll if content overflows
  28. How to horizontally center a floating element of a variable width?
  29. How to use CSS position sticky to keep a sidebar visible with Bootstrap 4
  30. Why magin:auto is not enough to center position absolute or fixed?

Leave a Comment