粘性页脚问题 - 滚动条出现在较小的屏幕上

时间:2012-02-14 16:02:12

标签: css sticky-footer

我正在使用http://www.cssstickyfooter.com/作为我正在处理的两个网站的页脚。在大型显示器上似乎没问题,完全没有问题。

然而,当进入较小的显示器并缩小页面尺寸时,我会在屏幕底部看到一个滚动条,并且页脚不会拉伸屏幕的整个宽度。

此问题的一个工作示例是here

只需缩小屏幕尺寸,就可以看到问题。

关于我如何解决这个问题的任何想法。它也发生在site我做过的

提前致谢。

1 个答案:

答案 0 :(得分:1)

您需要为页脚设置min-width。目前,页脚正在自行调整到屏幕大小,即使其他内容不再适合屏幕并添加了滚动条。

找到滚动条显示的宽度,并将页脚的min-width设置为该宽度。例如:

.footer {
    min-width: 1000px;
}