php - 摆脱 Wordpress 中 2016 主题页脚下方的空白

Question

我正在迈出学习编码的第一步。我在 Internet 上制作了一些类(class)，现在我决定在构建 Wordpress 子主题的同时继续学习经验。

问题是我花了一个星期的时间尝试使用 2016 主题找到摆脱页脚下方空白的方法。我发现具有讽刺意味的是，所谓的“页脚”并不是真正的页脚。它是漂浮在白色空间上的东西。

关于如何将页脚放在页面底部并摆脱空白，您有什么建议吗？

我知道我可以做到:

.site-footer {
    padding: 0 7.6923% 1.75em;
    /* visibility: hidden; */
    height: 100px;
    background-color: transparent;
    position: fixed;
    bottom: 0;
    width: 100%;
}

但是如果我这样做，那么我的内容和页脚之间就没有边距了:

编辑

我发现我的元素在页脚中的位置取决于我页面内容的高度。现在我正在寻找一种方法来确定我的页面内容应该占据 100% 的高度，但我找不到位置。你有什么建议吗？

Answer 1

如果我正确理解您的问题，您希望实现的是在内容小于屏幕高度的 100% 时将页脚(“Garrah Morris”签名)放置在浏览器窗口的底部。

确保实现此目的的一种方法是将包含 div 的页脚设置为 position:absolute;bottom:0;。 (不过上面的内容超过一定高度会出现重叠问题。)