Chrome中页面底部的内容/页脚，但在Firefox中保持向上滚动

Question

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

我正在开发一个具有固定背景的WordPress页面，因此内容区域向上和向下滚动。我想它是视差，或类似的东西。当我在Chrome中查看页面时，内容区域的末尾正确地符合页脚，页脚是您在页面底部看到的最后一页。到目前为止，非常好。

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

要了解此问题，请在Chrome和Firefox中查看以下链接，以查看差异。我想在Firefox中做的就是它在Chrome中所做的事情：

About page

Answer 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;
}