css Flexbox粘滞页脚

Posted

tags:

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

body {
  min-height: 100vh;
}
 
body {
  display: flex;
  flex-direction: column;
}
 
#main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 0 auto;
}

以上是关于css Flexbox粘滞页脚的主要内容,如果未能解决你的问题,请参考以下文章

为啥我的 Flexbox 粘滞页脚在 Safari 中不起作用?

如何在 IE11 中修复 Flexbox 粘滞页脚

Flex Box 粘滞页脚内容溢出

部分不适用于 CSS 粘滞页脚

CSS CSS粘滞页脚

CSS CSS粘滞固定页脚