Php Wordpress的一种特定方式；“拉伸”；，（最小高度）等我的页面内容，以便我的页脚后没有空白？

我有基本的编码经验。在我的Wordpress安装中，我的一些页面在页脚下有一个空白，因为没有足够的内容以更高的分辨率将其推到显示器底部。这个问题在chrome、Firefox、IE等浏览器上一直存在。我想解决这个问题，以便：

如果内容短于浏览器分辨率，“正文”将填充页面，直到页脚位于屏幕底部，前后没有空白

无论浏览器分辨率如何，页脚后面都不会有空格，所以我尽量避免使用确定的“px”数字的代码

我希望页脚以传统的页面底部方式显示，而不是无论滚动多远都始终保持在屏幕底部的粘性页脚

由于我在Wordpress工作，我可以访问自定义CSS和源主题文件，但是，我更愿意使用自定义CSS和确认Wordpress特定修复的答案来解决这个问题。我试过几种解决办法，但都没有用。有人建议我使用Ryan Fiat的“Sticky Footer”解决方案，但我不确定如何将其整合到我的Wordpress中，因为它使用PHP，我主要使用自定义CSS进行编辑

这是我的页脚PHP的

问：请为Wordpress提供一个清晰、直接的解决方案，确保当内容短于浏览器时，我的网站页脚下方没有空白

您可以在my

我尝试过的解决方案：

自定义CSS中的

#footer{overflow:hidden；}

无效

将

html、body、parentDiv、childDiv、section、footer{height:100%；}

放入我的自定义css中，但这不起作用

#版权{padding bottom:20px；}

“#版权”位于页脚下，因此这确实将空白减少到了似乎不存在的程度，但在较高的浏览器窗口上，空白再次出现

像Ryan Fiat这样的“div-wrapper，body”解决方案似乎有积极的反应，但我还是找不到Wordpress特有的解决方案

---

非常感谢那些有Wordpress经验的人的回答。

我不认为有一个好的纯CSS修复程序在不改变页面工作方式的情况下（粘性页脚或其他东西）在某种程度上是不黑客的

这里有两个选项：

使用javascript确定窗口的高度，减去页脚的高度，并强制内容部分具有该高度的最小值。调整窗口大小时，您还需要运行相同的函数。这不是一个很好的解决方案

我建议只添加CSS规则

body{background:#222}

，使body与页脚的背景相同。这样，如果它们的内容没有填满整个窗口，那么看起来页脚会填满空白而不是白色

---

这似乎是管理顶部菜单栏的间隙。你以前试过移除它吗？您是否在header.php中有

wp\u header（）

，在页脚中有

wp\u footer（）

？

在我的页脚中，而

在页眉中。我从未试过移动它。我说的是页脚后的空隙。如果你没有碰它，它必须是页脚上的一个位置。确保您有

#footer{position:absolute；}

PHP在JSFiddle中不起作用。@JokiRuiz不起作用。只是用来呈现代码

body{background:#222}

最简单、最简单和“巧妙”的解决方案。