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

Question

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

附件是一个小窗口发生的情况的图像：

小窗口

和

这是我的网站

Answer 1

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

为了保持页脚可见，请尝试将位置更改为absolute而不是fixed. 这会将页脚定位在距顶部 835px 的位置，相对于网页本身的顶部，而不是浏览器窗口。

为了保证页脚在任何尺寸的屏幕上始终可见，您还可以应用min-height: 835px;到您的正文标签。

编辑

在使用绝对定位时保持页脚居中，请尝试使用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; 
}