Wordpress 主题将页脚强制到页面底部以用于短内容页面答案

【问题标题】：Wordpress theme force footer to bottom of page for short content pagesWordpress 主题将页脚强制到页面底部以用于短内容页面
【发布时间】：2014-02-23 08:21:15
【问题描述】：

我正在编辑一个 wordpress 主题。当页面内容不多时，我似乎无法让页脚 div 粘在页面底部。此处示例：

http://openstrings.co.uk/?page_id=148

我已经阅读了大量关于使用 min-height: 100% 和负高度以匹配页脚高度的包装器的教程。但我什么都做不了。我看不到有可以应用 CSS 的包装 div 吗？

不胜感激任何指针。尝试了底部：0px 和 body min-height:100% 的页脚，但仍然没有强制页脚向下。

【问题讨论】：

您需要支持IE8或更低版本吗？

标签： css wordpress

【解决方案1】：

书中最便宜的技巧是将整个网站的背景颜色（body 标签）设置为页脚颜色，然后添加另一个标签“wrapper”，背景颜色为白色或任何您想要的颜色。

<body style="background-color:black">
 <div class="wrapper" style="background-color:white">

   //WEBSITE CONTENT

 </div>

</body>

【讨论】：

【解决方案2】：

有很多地方概述了如何做这类事情（以及许多答案在不同的浏览器上效果更好或更差），但这里有一个可能会有所帮助：

http://www.cssstickyfooter.com

请注意，您可能无法简单地编辑 CSS，但可能还需要编辑主题 HTML 模板以确保包装器 div 存在。

【讨论】：

是的，我可以看到包装器不存在。谢谢