html - 在较小的窗口上打开时没有滚动条

我的网站存在问题：窗口大小与背景图片相同或更大时，一切都可以正常打开，但是当我在较小的窗口中打开时，没有滚动条，因此页脚消失了。

附件是一个小窗口的图像：

SMALL WINDOW

和

THIS IS MY WEBSITE

最佳答案

您的页脚消失了，因为元素#footer设置为835px的固定高度。这导致页脚始终距离浏览器窗口顶部835px。一旦窗口的大小小于835px，便不再显示页脚。

为了使页脚可见，请尝试将位置更改为absolute而不是fixed。这将使页脚相对于网页本身（而不是浏览器窗口）的顶部位于顶部835px。

为了确保页脚始终在任何尺寸的屏幕上都可见，您还可以将min-height: 835px;应用于您的body标签。

编辑

使用绝对定位时，脚注太过居中，请尝试结合使用left和margin-left。不管窗口大小如何，下面的样式都会使页脚居中。

#footer {
  list-style: none;
  position: absolute;
  left: 50%; /* Always display footer 50% left of the screen width. */
  margin-left: -446px; /* -(Total footer width / 2) I.E. -(892px / 2) = -446px; */
  top: 835px;
  font-size: 14pt;
}

关于html - 在较小的窗口上打开时没有滚动条，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18134483/