如何将页脚粘贴到页面底部？

时间：2017-10-18 作者：Kelly

我需要的网站页脚坐在整个网站的底部在任何时候。

当前，当页面上有内容时，它位于站点底部，但当页面上没有内容时，它（站点页脚）会从可见页面的底部上升到中间，如下图所示：

Footer in the middle of the screen

我能够回答自己的问题，并将发现过程发布在下面：

2 个回复
最合适的回答,由SO网友:Kelly 整理而成

快速搜索显示此问题已被多次询问和回答。

从StackOverflow：Make footer stick to bottom of page correctly

从StackOverflow：How to get the footer to stick to the bottom of your web page.

来自CSS技巧：5 different ways to make a sticky footer

从代码笔："Always on the bottom" Footer

来自WordPress：How to make footer fixed to the bottom of the screen?

I used the WordPress answer for my answer:

.site-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;   
}
Footer properly stuck to site floor.

SO网友:HeroWeb512

为页脚添加CSS，它会将页脚的位置固定到页面底部。

    .site-footer{
     position:fixed;
     bottom:0px;
     left:0px;
     right:0px;
     width:100%;
    }

结束
标签： footer   小码农  

相关推荐

在自定义模板上，我是否应该使用wp_footer？

我已经开始了解WP。前几天我问自己：我应该在自定义模板中使用wp\\u footer（）来调用脚本，还是应该使用静态脚本？我似乎无法理解wp\\u页脚是如何工作的，虽然我知道这是一个do\\u操作，但实际上我不想更改wp\\u页脚的“核心”，我只想在页脚中添加我自己的脚本。我应该转到调用wp\\u head的函数并在那里添加脚本，还是应该将其写在静态页脚中。类似phpThx！