css 固定页脚底部

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 固定页脚底部相关的知识，希望对你有一定的参考价值。

* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.content {
  flex: 1 0 auto;
}
.footer {
  flex: 0 0 auto;
}

以上是关于css 固定页脚底部的主要内容，如果未能解决你的问题，请参考以下文章

在内容很少的页面上强制页脚底部

在调整大小时，如何使位置固定页脚不覆盖浏览器的所有其他元素？

修复了隐藏的页脚通过背景显示

CSS - 将 div 固定到顶部中心

CSS如何实现”右部宽度固定，左部自适应“的布局

css 在短页面上强制页脚到底部