2012-02-14 39 views
2

我正在使用http://www.cssstickyfooter.com/作为我正在处理的两个站点的页脚。似乎在大屏幕上没问题,根本没有问题。粘滞页脚问题 - 出现在较小屏幕上的滚动条

但是去到一个较小的显示器时和缩小网页的大小,我在屏幕底部得到一个滚动条和页脚不拉伸屏幕的整个宽度。

这个问题的一个工作的例子是here

就缩小屏幕尺寸下,你可以看到这个问题。

关于如何解决这个问题的任何想法。它也发生在这个site我事先制定的

感谢。

回答

1

您需要为页脚设置一个min-width。目前,即使内容的其余部分不再适合屏幕并添加滚动条,页脚也会正确调整自己的大小以适应屏幕的大小。

寻找在其中出现滚动条的宽度和设置您的页脚的min-width了这一点。例如:

.footer { 
    min-width: 1000px; 
} 
+0

是啊,那是做的伎俩。当我的页面内容离开屏幕时,滚动条即会出现。这是一个问题,特别是屏幕右上角的云 – StuBlackett 2012-02-14 16:40:19