html - 固定页脚在调整浏览器大小时错位

Question

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

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;
}

并完全删除左边的位置。