Question

您好，我是这里的新成员，也是创建网站的新成员，我想为我的问题提供一些帮助。

我正在搜索粘性页脚，我很高兴我正确地完成了它，但是当我改变浏览器的高度时，我的问题出现了，它在我的标题下面创建了一个空格。我想请一些帮助来解决我的问题。这里是我网站的一些截图（我通过localhost这样做，所以我无法提供链接（=）。我使用的是wordpress

重新调整高度a link

时我的问题的屏幕截图

我的HTML结构a link

这是我的CSS样式表

html, body {height: 100%;}



#wrapper {
    min-height: 100%;
    margin:0 auto;
    max-width:920px;
    }




#header {
    position:absolute;
    height:100%;
    float:left;
    background:red;
    }




#main {
    display:block;
    overflow:auto;
    padding-bottom: 150px; 
    }




#footer {
    position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear:both;
    background:yellow;
        }

提前感谢您的帮助。

Answer 1

不确定您究竟在做什么，因为缺乏信息，但这可能会有所帮助。 http://ryanfait.com/sticky-footer/

Answer 2

您应该尝试这种方法。为我工作...... http://www.cssstickyfooter.com/

Answer 3

尝试将css作为

position:fixed;
top:0;
left:0;
margin:auto;
width:100%!important;

标题在顶部是粘性的

粘性页脚/侧标题

3 个答案: