Html CSS响应页脚

除页脚外，大多数网站在所有浏览器（包括手机）中都显示良好

在1600X900尺寸中，页脚显示完美。在分辨率高度低于900的站点上，页脚将消失。我已经尝试了我所能想到的一切，让页脚“捕捉”到屏幕底部，显然超出了我的专业领域。使用最新的Chrome和Firefox进行测试，结果相似/相同（我想这很好，哈哈）

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

网站网址：

不同维度的屏幕截图：

如果我理解正确（如果您只想移动页脚而不是全黑区域），请尝试更改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，并移动所有的黑色区域，以便固定一个定位容器

添加一些代码怎么样？PS：用“查看页面源代码”查看它很酷，但是有一天你的网站可能会消失，而那些可能与你有相同问题的人将无法找到有用的信息。你的页脚在我的电脑上工作得很好。你确定你没有任何缓存问题吗？我同意@KevinLabécot的说法，它确实有问题。不过，你们在查看哪些维度？只有低于900的高度才会出现问题。@RoccoTheTaco使用Chrome从+1200高度到400px进行了测试。@Benjamin我不确定OP是否只需要页脚，如果是的话，这段代码可以工作，但是如果OP想要全黑区域，那么OP还有2个div要定位。我希望他能把它们都包装在一个单独的容器中，定位将解决OP的问题。是的，我正要说，如果OP想要移动所有的黑色区域，那么OP应该改变他的HTML，以便修复一个定位容器。我将把这个添加到我的答案中：）如果你这样做，那就太好了，我会给你另一个+1：）