Question

除了页脚之外，该网站的大多数网站在所有浏览器中都能很好地展示，包括移动版。

在1600X900尺寸中，页脚显示完美。在分辨率高度低于900的网站上，页脚消失。我已经尝试了一切我能想到的足够的东西＆＃34; snap＆＃34;在屏幕的底部，显然不属于我的专业领域。使用最新的Chrome和Firefox进行了测试，结果相似/相同（我猜是好的，LOL）。

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

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

不同尺寸的屏幕截图：http://bit.ly/1uLGgNX

Answer 1

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

CSS响应页脚

1 个答案: