Html 图像不'；不要粘在书页的底部

我得到了我正试图申请的东西。请注意，

元素有一个背景图像（手举在空中），它粘贴在页面底部

但是，当我将css文件迁移到我的应用程序中时，由于某种原因，该图像会显示在页面的中间位置。我已经检查了相关CSS，在这两种情况下：

html {
 background-attachment: fixed;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../../img/bg.svg");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    outline: 0 none !important;
}

---

那么，为什么图像会粘在页面的底部，但却出现在页面的中间。

看起来，第一个链接的计算高度设置为图像位于底部，而对于图像显示在部分下方的链接，计算高度要低得多。

高度：170px与<代码>高度相比：2006px

我不确定是什么为你设定了这个高度，但把它整理出来会解决你的形象问题

编辑：
实际上，这条规则似乎只适用于其中一个站点：

media="screen, projection"
html, body {
   height: 100%;
}

由于
body{height:100%}
样式，它在第二个站点上不起作用

静态/bundle-bundle\u-responsive\u head.css：

html, body {
    height: 100%;
}

看起来实际上是身体标签上的背景图像没有粘到底部。关闭bundle-bundle-responsive-head.css中的
height:100%
body规则可以解决这个问题，不过我不确定这会对网站上的其他内容产生什么影响

我是通过在Chrome中使用DOM检查器并打开/关闭各种元素的规则来发现这一点的。
您为
html
和
body
设置了
高度：100%
。这通常是为了能够有全高的元素。但在这种情况下，这被证明是问题的原因。删除此选项可以解决此问题

检查Firebug或Chrome Inspector，您将看到以下内容：

html, body {
    height: 100%;
}

移除它。或者从样式表中重写它