https://github.com/rofrol/flexbox-footer

https://github.com/rofrol/flexbox-footer

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/rofrol/flexbox-footer
• Owner: rofrol
• Created: 2015-07-28T10:03:52.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2015-12-01T10:41:33.000Z (over 10 years ago)
• Last Synced: 2025-07-17T17:23:01.451Z (about 1 year ago)
• Language: HTML
• Size: 12.7 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Flexbox sticky footer

[Demo](https://rawgit.com/rofrol/flexbox-footer/master/index.html)

push item to bottom

The footer has `margin-top: auto`, because there is situation that elements can be added automatically before footer, but footer still has to be at the bottom. Also I don't want to add wrapper that would be expanding.

![](/screenshot.png)

http://stackoverflow.com/questions/27697469/flex-box-sticky-footer-with-inner-flex-box-container-with-y-axis-scrolling

http://stackoverflow.com/questions/24697267/flexbox-column-align-self-to-bottom

http://webkit-flex.atomeye.com/