Question

我在tumblr中修复了这个主题，我面临的唯一问题是页脚，因为在主页面上它很好但是当我转移到诸如提交页面之类的页面时询问页面会进入欢迎信息部分。

#footer {
- height:55px; width:1200px; background:{color:footer bg}; clear: both;
z-index:-999px; position: absolute; bottom: -55px; left: calc(50% -
600px);
}

#footer .inner { 

 - color: {color:footer text}; margin:0 auto; padding: 16px; font-family:'roboto' sans-serif; font-weight:bold;text-align:center;font-size:10px; letter-spacing:2px; text-transform:uppercase;

}

#footer a { 

 - color: {color:footer text}; padding: 5px; font-size: 10px;
   letter-spacing: 2px;

}

#footer a:hover {

 - color: {color:menu hover text}; background: {color:menu hover bg};

主题可以在swanepoelofph.tumblr.com上看到，其中页脚正常，这是页脚上升http://swanepoelofrph.tumblr.com/a和http://swanepoelofrph.tumblr.com/submit的部分，就像在规则中一样，icon样式页面也是。

我制作和尝试的代码就像这样（我只是这样做）。我不确定我是否可以在这里发布整个HTML，但是如果有问题，或者您希望看到整个我可以发送链接。

Answer 1

我已经解决了tumblr页面的问题：只需将容器和页脚位置更改为相对

即可

.container {
    position: relative;
    ... other styles ...
}

#footer {
    position: relative;
    ... other styles ...
}

当我去问问页面时，页脚不会停留在底部

1 个答案: