0

我试图建立一个粘性页脚。我查看了 ryanfaits 的版本和这个http://matthiasschuetz.com/content/extras/css_template01.html

最后一个工作得很好,但问题是,当我将大量内容放入 content-div 时,页脚会下降并且 content-div 处没有滚动条。我尝试在 content-div 上设置 min-height、max-height、height,当然还有 overflow=auto 和 overflow-y。最后一个显示至少一个禁用的滚动条,但仍然无法正常工作。

有任何想法吗?我很沮丧:(

非常感谢!罗恩

4

3 回答 3

2

罗恩我有同样的问题,所以是的,你的问题对粘性页脚有效。您可以尝试将以下内容放在内容容器上,您的内容从顶部开始 130 像素。

#content-container {
margin-top:130px;
position: absolute;
top: 0; 
bottom: 0; 
left: 0; 
right: 0;
overflow: auto;
}

我实际上最终通过这样做使整个包装器 div 滚动:

#wrapper {
min-height:100%;
height: auto !important;
height: 100;
margin: 0 auto;
position: absolute;
top: 0; 
bottom: 0; 
left: 0; 
right: 0;
overflow: auto;

}

#footer-container {
background-color:#263959;
color:#FFF;
height:110px;
min-width:1000px;
width:100%;
overflow:hidden;
position:absolute;
bottom:0;

}

于 2011-11-01T14:42:03.077 回答
1

看一下

http://www.cssstickyfooter.com/

如果我使用http://matthiasschuetz.com/content/extras/css_template01.html并展开内容,它不会向我显示 div 的滚动条。也许你应该在网上发布你的 html/css,这样如果这对你没有帮助,人们可以看看。

于 2011-08-27T11:42:50.880 回答
0

首先将其添加到您的 CSS

html {
    height: auto;
    min-height: 100%;
    overflow-y: scroll;
}

其次,我没有尝试您的粘性页脚,但我经常使用这个 http://ryanfait.com/sticky-footer/

这很好用。

于 2011-08-27T11:44:24.977 回答