短页底部没有出现页脚菜单答案

【问题标题】：Footer menu not appearing at bottom for short pages短页底部没有出现页脚菜单
【发布时间】：2021-08-11 07:29:29
【问题描述】：

我的网站是使用 VOICE THEME（由 Meks 提供）在 WordPress 上运行的thoughtshouts.com。对于某些较短的页面，页脚会出现在所有设备的屏幕中间。我探索了其他一些同样主题的网站，但没有看到同样的问题。我怀疑这可能是 WordPress 或主题兼容性的一些问题，不太确定。我探索了提供常见补救设置的帮助论坛

.site-footer{
    position: absolute;
    bottom: 0px;
}

进行上述 CSS 更改后，这适用于存在问题的特定页面，但对于其他网站页面，页脚位于与内容屏幕重叠的内容之间。我希望页脚固定在每一页的末尾，只有在内容滚动到最后时才会出现的帖子。

问题页面链接：https://thoughtshouts.com/publish-content/

请指导我提供解决此问题所需的代码。

【问题讨论】：

标签： wordpress footer

【解决方案1】：

这实际上不是您的网站代码或 CSS 的问题。与许多其他使用最佳实践页眉和页脚来容纳内容的主题一样，此模板将页眉和页脚包裹在页面内容周围。这里真正的问题是您页面中的内容。

我能否建议您重新考虑一下您对该页面 UI 的处理方法，例如：

增加主要内容上方和下方的内边距
向页面添加更多内容以增加正文高度
默认情况下在此页面上显示登录表单，因此普通用户不必单击登录。然后有一个指向您的注册页面的附加链接。

【讨论】：

【解决方案2】：

最简单的解决方案是将整个屏幕的 min-height 添加到您的 #content 包装器中，但页脚和页眉高度。

#content {
  min-height: calc(100vh - 131px - 58px); // screen size minus header minus footer
}

还需要检查每个媒体查询，因为页脚/页眉高度可能会更改。如果您不担心内容后多余的空白空间，请使用

#content {
  min-height: 100vh;
}

【讨论】：