CSS响应页脚

该网站的大部分显示在所有浏览器中，包括移动页脚除外。CSS响应页脚

在1600X900尺寸下，页脚完美显示。在分辨率高度低于900的网站上，页脚消失。我已经尝试了所有我能想到的将页脚“捕捉”到屏幕底部的东西，并且清楚地脱离了我的专业领域。使用具有相似/相同结果的最新Chrome和Firefox进行测试（这很好，我猜，LOL）。

如何让底部的黑色元素捕捉到页面的底部？

URL网站：http://bit.ly/1ro8FtA

截图在不同的维度：http://bit.ly/1uLGgNX

来源

2014-09-26 Rocco The Taco

有关添加一些代码是什么？ PS：用“查看页面源代码”来查看它很酷，但总有一天您的网站可能会消失，然后可能与您遇到同样问题的用户将无法找到有用的信息。 – MisterJ 2014-09-26 10:38:53

您的页脚在我的电脑上工作良好。你确定你没有任何缓存问题？ – 2014-09-26 10:39:39

我同意@KevinLabécot它的确如此 – Benjamin 2014-09-26 10:39:58

如果我理解正确的话（如果你只是想将你的页脚，而不是所有的黑色区域），试着改变你的CSS：

.agentpress-pro-black .site-footer { 
    background-color: #000000; 
    font-size: 16px; 
    padding: 40px 0; 
    text-align: center; 
}

这样：

.agentpress-pro-black .site-footer { 
    background-color: #000000;  
    font-size: 16px; 
    padding: 40px 0; 
    text-align: center; 
    width: 100%; /*new*/ 
    bottom: 0; /*new*/ 
    position: fixed; /*new*/ 
}

注意

如果你希望所有的黑色区域，那么你应该改变你的HTML和移动所有的黑色区域，以便有一个定位容器固定

来源

2014-09-26 10:49:37 dippas

我不认为这个代码会诀窍。 – Benjamin 2014-09-26 10:51:41

@Benjamin我不确定OP是否只需要Footer，如果是这样的话，这段代码可以工作，但是如果OP想要所有的BLACK区域，那么OP有2个div来定位。 – dippas 2014-09-26 10:55:07

我希望他能把他们全部包装在一个单独的容器中，并且定位将解决OP的问题。 – Benjamin 2014-09-26 10:57:07

CSS响应页脚

回答

相关问题