粘性页脚中的垂直滚动条答案

【问题标题】：Vertical Scroll Bars in Sticky Footer粘性页脚中的垂直滚动条
【发布时间】：2012-07-23 09:14:50
【问题描述】：

我是一个 css 编码的新手（这很能说明问题） - 任何人都可以帮我从我的 page site is here 上取下两个滚动条。

css 位于一个名为 http://www.signature-online.net/chamberofcommercemainstyle2.css 的文件中，如果有人能帮助我再次扯掉我的头发，我将不胜感激！

页脚不粘，而且有两个垂直滚动条，我做了什么？

【问题讨论】：

给溢出：隐藏到#main而不是溢出：自动；

标签： css footer scrollbars sticky

【解决方案1】：

那么你需要做的是#main 设置overflow: hidden 和padding-bottom: 372px 然后你就可以开始了！

EDIT[1]：对不起，你不需要设置#wrappermargin-bottom: 186px，我的错。

【讨论】：

【解决方案2】：

更改css 中的main 类，如下所示：

#main {
    overflow: hidden;
}

你有overflow: auto;，我们不希望这样，同时删除padding-bottom: 186px;并更改你的footer类，只需删除margin-top: -186px;添加bottom: 0，它应该看起来像这样：

#footer {
    bottom: 0;
    position: relative;
    height: 186px;
    clear: both;
    background-image: url(common/images/footer_mountains.png);
    background-repeat: repeat-x;
    background-position: center top;
    z-index: 600;
}

希望对你有帮助！

【讨论】：

@skmasq 和 Luis Sánchez 你们俩都很棒！极好的！它工作得非常出色！也这么快，非常感谢！
@BillTeale 如果对您有帮助，请记住将其标记为已回答（这是答案点下方的检查）并欢迎使用 stackoverflow！
我还有一个关于同一页面的问题，我希望这可以让你动动脑筋。我很担心把事情搞砸，但我想在 nivo 滑块后面添加一个白色背景颜色，以填充页面的其余部分。这有可能吗？再次感谢您的帮助，并向那些知道他们在用这个 css 做什么的人表示敬意！