html 粘滞页脚

Posted 2021-05-11

tags:

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

html, body {
  height: 100%;
}

#site-wrapper {
  min-height: 100%;
  /* equal to default footer height */
  margin-bottom: -152px;
}

#site-wrapper:after {
  content: "";
  display: block;
}

.site-footer, #site-wrapper:after {
  min-height: 152px;
}

<div class="page-wrap">
  
  Content!
      
</div>

<footer class="site-footer">
  I'm the Sticky Footer.
</footer>

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