【问题标题】:Sticky Footer Issue - Scrollbar appearing on smaller screens粘页脚问题 - 滚动条出现在较小的屏幕上
【发布时间】:2012-02-14 16:02:11
【问题描述】:

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

但是,当使用较小的显示器并缩小页面尺寸时,我在屏幕底部看到一个滚动条,并且页脚没有拉伸整个屏幕宽度。

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

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

关于如何解决此问题的任何想法。我制作的这个site也发生过这种情况

提前致谢。

【问题讨论】:

    标签: css sticky-footer


    【解决方案1】:

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

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

    .footer {
        min-width: 1000px;
    }
    

    【讨论】:

    • 是的,成功了。当我的页面内容离开屏幕时,滚动条就会出现。这有点问题,尤其是屏幕右上角的云
    猜你喜欢
    • 2017-10-17
    • 2015-08-28
    • 1970-01-01
    • 1970-01-01
    • 2014-07-02
    • 2015-03-05
    • 1970-01-01
    • 2019-08-14
    • 1970-01-01
    相关资源
    最近更新 更多