0

嗨,我是这里的新成员,也是创建网站的新手,我需要一些帮助来解决我的问题。

我正在搜索粘性页脚,我很高兴我做得对,但是当我改变浏览器的高度时出现了我的问题,它在我的页眉下方创建了一个空间。我想寻求一些帮助来解决我的问题。这是我网站的一些屏幕截图(我通过 localhost 进行操作,所以我无法提供链接(=)。我使用的是 wordpress

重新调整链接高度时我的问题的屏幕截图

我的 HTML 结构一个链接

这是我的 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;
        }

在此先感谢您的帮助。

4

3 回答 3

0

尝试将css作为

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

标题要粘在顶部

于 2013-08-03T15:16:25.787 回答
0

不知道你究竟在做什么来缺乏信息,但这可能会有所帮助。 http://ryanfait.com/sticky-footer/

于 2013-08-03T13:23:13.310 回答
0

你应该试试这个方法。为我工作... http://www.cssstickyfooter.com/

于 2013-08-03T13:35:50.947 回答