【问题标题】:Background picture won't stretch below fixed footer背景图片不会延伸到固定页脚下方
【发布时间】:2015-08-28 16:57:42
【问题描述】:

我最近在我正在处理的网页中添加了一个固定页脚,并且在大多数情况下效果很好,但是在某个页面上包含足够的文本以包含滚动条时,我的背景页面不会在下方伸展页脚。有问题的页面可以在here找到。

【问题讨论】:

  • 欢迎来到 Stack Overflow!寻求调试帮助的问题(“为什么这段代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。见How to create a Minimal, Complete, and Verifiable example
  • “不延伸到页脚下方”到底是什么意思?我试过链接,它工作正常
  • 尝试从页脚中删除position:fixed

标签: html css background-image footer fixed


【解决方案1】:

你已经给了:

html,body{
    height:100%;
    }

改成:

html,body{
min-height:100%;
}

【讨论】:

  • 是的,我做到了,它工作得很好。非常感谢。
【解决方案2】:

只需从htmlbody 元素中删除height: 100%。这样背景的大小就会自动向下拉伸。

您可能还想让背景至少与视口一样高,因此将min-height: 100% 放在htmlbody 元素上。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-12-31
    • 1970-01-01
    • 2013-06-17
    • 2011-08-05
    • 1970-01-01
    • 1970-01-01
    • 2016-04-08
    相关资源
    最近更新 更多