【问题标题】:Page Does Not Extend to Bottom Wordpress页面不延伸到底部 Wordpress
【发布时间】:2015-10-21 02:22:29
【问题描述】:

我的 Wordpress 页面页脚浮动在页面的中心,我希望它能够到达浏览器窗口的底部,尽管窗口很大。 (见截图)

由于我没有权限,请点击屏幕截图链接:(

http://imgur.com/IRR0aBp

我会发布代码,但 Wordpress 中的 style.css 编辑器部分超出了 30K 字符的限制。

任何帮助或指导都会很棒。谢谢。

编辑:

不确定这段代码是否有用,但这是来自 Wordpress 中的 footer.php 文件

    * 8.0 Footer
 * -----------------------------------------------------------------------------
 */

#supplementary {
    padding: 0 10px;
}

.site-footer,
.site-info,
.site-info a {
    color: rgba(255, 255, 255, 0.7);
}

.site-footer {
    background-color: #000;
    font-size: 12px;
    position: relative;
    z-index: 3;
}

.footer-sidebar {
    padding-top: 48px;
}

.site-info {
    padding: 15px 10px;
}

#supplementary + .site-info {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.site-info a:hover {
    color: #41a62a;
}

【问题讨论】:

  • 你能分享一些代码吗?一个简单的 css 更改可以解决问题,但我们需要更多信息

标签: html wordpress footer


【解决方案1】:

所以问题是您没有足够的内容将页脚推到底部。假设您不需要担心旧的浏览器支持,请尝试使用 flexbox。

http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/

如果您确实需要旧版浏览器,则 bootstrap 有一个粘性页脚示例。它依赖于position: absolute,您需要知道页脚的高度才能使其完美。

http://getbootstrap.com/examples/sticky-footer/

【讨论】:

  • 无需关心旧版浏览器,因此第一个选项似乎可以解决问题,但我该如何编辑 Wordpress HTML =/ 不确定,但我认为我只能访问样式表,所以我不知道如何编辑 HTML。感谢您的帮助,这里是 wordpress 菜鸟。
  • 如果您有权访问您网站的编辑器部分,您必须修改 style.css 的 css,这是您主题的 css。展示如何需要指向您的网站或小提琴的链接。
  • 我更新了我的 OG 帖子以显示 style.css 的页脚部分
  • 老实说,您需要开始另一个关于如何修改 wordpress 主题并提供有关您的主题的详细信息 + 对其进行分类的问题。
猜你喜欢
  • 1970-01-01
  • 2011-08-05
  • 1970-01-01
  • 1970-01-01
  • 2014-11-30
  • 1970-01-01
  • 1970-01-01
  • 2015-08-10
  • 2017-07-19
相关资源
最近更新 更多