Question

我的Wordpress页面页脚浮动在页面的中心，我希望尽管窗口大小，它仍会到达浏览器窗口的底部。（见截图）

点击屏幕截图链接，因为我没有权限：（

我发布了代码，但Wordpress中的style.css编辑器部分超过了30K字符限制。

任何帮助或方向都会很棒。谢谢。

编辑：

不确定此代码是否有用，但这是来自Wordpress中的footer.php文件

    * 8.0 Footer
 * -----------------------------------------------------------------------------
 */

#supplementary {
    padding: 0 10px;
}

.site-footer,
.site-info,
.site-info a {
    color: rgba(255, 255, 255, 0.7);
}

.site-footer {
    background-color: #000;
    font-size: 12px;
    position: relative;
    z-index: 3;
}

.footer-sidebar {
    padding-top: 48px;
}

.site-info {
    padding: 15px 10px;
}

#supplementary + .site-info {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.site-info a:hover {
    color: #41a62a;
}

Answer 1

所以问题是你没有足够的内容将页脚推到底部。假设您不需要担心旧浏览器支持，请尝试使用flexbox。

http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/

如果你确实需要旧的浏览器，bootstrap有一个粘性页脚的例子。它依赖于position: absolute，您需要知道页脚的高度才能使其完美。

http://getbootstrap.com/examples/sticky-footer/

页面不会扩展到底部Wordpress

1 个答案: