Question

我有一个970像素宽的固定页脚，但是当我调整浏览器的大小时，整个页脚会一直停在屏幕上，中间的页脚中心。我希望我的页脚在调整小于970px宽度的浏览器时停止离开屏幕。

CSS

footer{
    z-index: 1;
    position: fixed;
    width: 940px;
    line-height: 30px;
    background: linear-gradient(#232323, #1f1f1f);
    margin: 0 auto 0 -485px;
    padding: 0 30px;
    bottom: 0;
    left: 50%;
    text-align: center;
}

HTML

<footer>Footer Text</footer>

有谁知道我能做到这一点吗？

Answer 1

左边距为-485px左侧，左侧位置为50%。我只想用

footer {
    margin: 0 auto;
}

并完全删除左侧位置。

Answer 2

没有任何HTML很难说，但据我猜测你有两个选择：

如果浏览器是＆lt;
您希望停止页脚大于浏览器940px，如果是这样，为什么不将其设置为width:100%和max-width:940px;。您可能还需要overflow:hidden;，
您的页脚没有正确居中，在这种情况下，使用width:100%将其包裹在text-align:center;（或计算为与您的页面一样宽）的div中，然后放置页脚（放在其中） div）margin:0 auto;

像this fiddle

调整浏览器大小时，固定页脚不合适

2 个答案: