footer固定在底部
2017-12-13 14:37
211 查看
<!DOCTYPE html> <html lang="zh-CN" style="height: 100%;"> <body style="display: flex; flex-direction: column; height: 100%;"> <header style="flex: 0 0 auto;">顶部</header> <section style="flex: 1 0 auto;">内容部分</section> <footer style="flex: 0 0 auto;">底部</footer> </body> </html>
上面代码可以实现footer固定在底部。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Css如何定位网站的footer在固定位置（用DIV+CSS让footer始终在底部）
- 网页布局中页面内容不足一屏时页脚footer固定底部
- 让footer固定在页面（视口）底部（CSS-Sticky-Footer）
- 页面主体高度不固定，如何让页面的footer始终在最底部
- 网站设计:将Footer固定在浏览器底部
- 将footer固定在页面底部
- 实现底部footer在内容较少时固定在页面底部
- HTML+CSS底部footer两种固定方式
- 网页不满屏时，如何让footer固定在底部，网页满屏时，随高度走
- Css Sticky Footer将页脚固定在页面底部
- 网页内容高度不够时，让footer处于页面底部的方法(不是固定在底部)
- 如何将页脚固定在页面底部（sticky footer）
- 【Web Trick 4】CSS 实现footer固定页面底部
- NO.24 关于左侧div固定宽度，右侧自适应时footer不能在最底部的问题
- 在不适用fixed的前提下，当内容较少时footer固定在页面底部
- 使footer固定在浏览器底部
- footer固定底部-HTMLCSS方法
- html中header,footer分别固定在顶部和底部
- 内容不足一屏时的footer固定底部
- 使用css固定底部footer（解决内容不充实底部上移问题）