Chrome中页面底部的内容/页脚，但在Firefox中不断向上滚动答案

【问题标题】：Content / footer at bottom of page in Chrome, but keeps scrolling upward in FirefoxChrome中页面底部的内容/页脚，但在Firefox中不断向上滚动
【发布时间】：2017-12-29 05:04:34
【问题描述】：

我在 WordPress Stack 中发布了这个问题，但现在他们告诉我应该在 Stack Exchange 中发布，因为这可能是一个纯粹的 css 问题。

我正在开发一个具有固定背景的 WordPress 页面，因此内容区域可以上下滚动。我猜是视差，或者类似的东西。当我在 Chrome 中查看页面时，内容区域的末尾正确地与页脚相遇，而页脚是您在页面底部看到的最后一件事。到目前为止，一切顺利。

但在 Firefox 中，内容区域又向上滚动了几百像素，这样就可以在页脚底部边缘下方看到固定背景图片的底部。

为了了解问题，请在 Chrome 和 Firefox 中查看以下链接以查看差异。我希望它在 Firefox 中所做的就是它在 Chrome 中所做的：

About page

【问题讨论】：

标签： css wordpress footer parallax

【解决方案1】：

您的代码中有一个硬编码的高度。

#second-string {
    position: relative;
    background-color: #fee;
    width: 100%;
    height: 3000px; // Overwrite this or remove it, if you can
    margin-top: 500px;
    margin-bottom: 0px;
    padding-top: 30px;
    box-shadow: inset 0px 11px 8px -10px #000, inset 0px -11px 8px -10px #000;
}

【讨论】：

我希望不必对那个高度进行硬编码。但是如果我删除高度，或者如果我使用 height:auto，或者如果我使用 height:100% 会发生粉红色背景区域太短，并且我的内容部分是针对背景图像设置的。我想我可以尝试在我的内容“部分”（在主要内容 div 中包含内容的 div）上添加背景颜色。谢谢。
好吧，我的立场是正确的。你的答案有效。我从该 div 中删除了 height 属性，现在它的工作方式完全符合我的要求。很酷。
很高兴能为您提供帮助！继续编码！ :)