How to make a sticky footer?

时间：2017-11-28 作者：user9017761

页脚不会停留在底部。

 footer {
           padding:2em;
           bottom:0;
           clear:both;
           background-color:black;
           color:white;
           position:absolute;
        }
不起作用，也不起作用postion:relative;.. 我该怎么办？

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

我想我找到了答案。在页脚中。php文件在页脚之外添加一个这样的div，并将您的页脚类分配给它。例如

<div class="sticky-footer"> <footer id="colophon" class="site-footer"> <div class="site-info"> <?php /* translators: 1: Theme name, 2: Theme author. */ printf( esc_html__( \'Theme: %1$s by %2$s.\', \'best\' ), \'best\', \'<a href="http://underscores.me/">Underscores.me</a>\' ); ?> </div><!-- .site-info --> </footer><!-- #colophon --> </div><!-- #page --> </div>

正确的样式是：


.sticky-footer {
    padding:2em;
    bottom:0;
    clear:both;
    background-color:black;
    color:white;
    position:static;
    width:100%;
}

结束
标签： theme-development   小码农  

相关推荐