始终在页面底部显示页脚

我想在页面底部显示页脚相对于内容区域的页脚。所以它应该适应如果我的浏览器更小或更大，直到内容区停止。始终在页面底部显示页脚

我试图按照this link，但我似乎无法让它在我的网站上工作。

我加入了PUSH格在我的内容区域的底部
我设置正确的高度和调整的CSS

我的页脚仍然显示我的屏幕，也混乱的一半标题。卖给我Wordpress主题的人不愿帮助我...

如果任何人都可以指导我在正确的方向，这将是一个很大的帮助！

来源

2015-02-09 A T I X

[如何让页脚停留在网页底部？]（http://stackoverflow.com/questions/42294/how-do-you-get-the-footer-to-stay在网页底部） – 2015-02-09 20:26:47

@SleekGeek，谢谢你的帖子。我没有看到它。就我而言，我认为这个主题目前不符合第三种选择。我有一个“页脚”部分，然后是“div = sub-footer”。 – 2015-02-09 20:37:57

我认为这可能做你想要什么：

body { 
    padding-bottom: 50px; 
    /* Set a padding-botton equivalent 
    to the height of your footer 
    this is for preventing the 
    footer to be covered because 
    of its z-index 
    */ 
} 
footer{ 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    z-index: -999; 
}

希望工程;）

来源

2015-02-09 20:46:45

我需要z-index的减号！现在它工作:) – 2015-02-09 20:51:04

不要忘记在身体的底部填充;） – 2015-02-09 20:58:23

下面的代码添加到你的CSS：

footer{ 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    z-index: 999; 
}

页脚将永远在底部。

来源

2015-02-09 20:34:59 Dzhambazov

谢谢你的回复。它很好，但只有一个问题。即使您的主要内容未完全显示，您的页脚也始终显示在底部。我想拥有它，所以它停留在页面的底部，但当屏幕太小时（如果你知道我的意思是什么？）不会向上移动。 – 2015-02-09 20:41:50

我也会给+1，但你需要15代表 – 2015-02-09 20:42:09

我明白了，它需要Z指数减号;） – 2015-02-09 20:53:13

好了，所以这里的问题是这样的，你能坚持的项目，以底部为@Dzhambazov建议要么与position:absolute或position: fixed即使这是你的内容的一半，它将保持在底部。

所以，你可以与其他候补喜欢去：How do you get the footer to stay at the bottom of a Web page?

在评论中提到，但是这不会是一个预置的主题那么容易，因为你会为主题开发的结构战斗。

作为一种修复方法，您可以做的事情是让内容更容易被修改，即增加内容的最小高度，以便“伪造”页脚的下方，这可能意味着您的页脚不在查看端口的底部，但是如果它让你感到不安的话。你可以试试。

#content { 
min-height: 200px; 
/* forces the content block to take up space */ 
}

希望帮助其他页脚明智坚守底部，mentiones并使其始终显示，但要注意，可移动垃圾，所以你会希望通过媒体查询删除定位为手机等

来源

2015-02-09 21:00:08

始终在页面底部显示页脚

回答

相关问题