在Wordpress中以二十六个主题摆脱页脚下方的空白

Question

我正在学习编码的第一步。我在互联网上开了一些课程，现在我决定继续学习构建Wordpress儿童主题的经验。

问题是我有一个星期试图找到摆脱我的页脚下面的白色空间使用二十六主题的方法。我觉得讽刺的是，有一种叫做“脚”的事实。并不是一个真正的页脚。它是浮在白色空间的东西。

你有什么建议我可以做些什么来将页脚放在页面底部并摆脱那个空白区域？

我知道我可以做到这一点：

.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;。 （虽然当它上面的内容超过一定高度时会导致重叠问题。）