Question

我实际上正在处理 Wordpress website，我正在尝试通过代码修复页脚（因为使用此模板无法使用主题选项）。

这是 footer.php 代码

<!-- Footer -->
    <footer>
    <div class="container-fluid">
    <div class="row padding-bottom48">
    <div class="col-md-12 text-center padding-top48 text-footer">

    <?php sierra_opt_footer_text(); ?>
    <?php sierra_opt_footer_social_icons(); ?>

    <div class="text-center padding-top72">
    <a href="#" class="scroll-to relative">
    <p class="sierra-arrow-up"></p>
    </a>
    </div>
    </div>
    </div>
    </div>
    </footer>
 <!-- end footer -->

我试着用简单的方法：

footer { position: fixed; )

没有好结果。

如何让页脚粘贴并固定？

感谢您的建议。

Answer 1

试试此代码

footer { 
  bottom: 0;
  position: fixed;
  width: 100%;
}

根据您的要求添加高度

Answer 2

这应该可以解决问题（改编自CSS-Tricks）。您应该将page-wrap更改为您的主题＆＃34;页面包装器＆＃34;如果缺少，则添加一个。

* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -142px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
footer, .page-wrap:after {
  height: 142px; 
}

Answer 3

试试这个

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

Answer 4

你的CSS应该是这样的：

＆＃13;

.container-fluid {
  position: fixed;
  bottom: 0px;
}

＆＃13;

我不确定你为什么要修剪你的页脚，但页脚很大，占用网站其余部分的大量屏幕空间;页脚不足以完成此任务。在这种情况下你的意图是什么？

Answer 5

删除页脚的高度并向其添加以下css：页脚{ 位置：固定; 底部：0; 宽度：100％; }

Wordpress：修复页脚

5 个答案: