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 在短页面上强制页脚到底部