WordPress Unite主题:页脚不粘住

时间:2016-09-08 作者:MJV

我一直在努力解决为什么我的页脚没有停留在页面底部、所有内容下方的问题。

我的主题是团结。它不是在线的,所以我无法提供链接。

这是最有意义的一个,但将其插入“colophon”并不起作用,因为这是页脚ID。

http://matthewjamestaylor.com/blog/bottom-footer-demo.htm

我可以提供CSS:

 #colophon {

position: absolute;
    bottom: 0;
    width: 100%;
    height: 75px;
    /*padding: 10px 0;*/
    margin-top: 5px;
    left: 0;
    background-color: #303b23;
}

.footer-nav.nav > li > a:hover {
  background-color: transparent;
}

@media (max-width: 767px) {

    .site-info, .copyright {
      text-align: center;
    }
    .footer-nav.nav, .copyright {
        float: none;

    }
    .carousel-caption {
        display: none;
    }
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: \'\';
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}
我已经做了几个星期了,断断续续,但没有成功。有人能帮忙吗?

如果我需要添加更多信息来帮助解决此问题,请让我知道。

非常感谢你!

1 个回复
最合适的回答,由SO网友:C C 整理而成

我想#colophon 是页脚包装的元素id吗?对于页脚包装器来说,这是一个奇怪的名称,但如果这就是它的名称,那么就可以了。

position: absolute; 相对于包含元素,而不是视口。

作为快速修复方法,请尝试将以下内容添加到css中:

html, body {
    height: 100%;
}
如果这不起作用,那么页脚链中的祖先元素就不是100%处于高度。需要将页面放在DOM检查器(例如FireBug)中才能真正看到发生了什么。。。