CSS 位置固定 AND 边距 0 自动

Question

所以我有一个带有以下 css 的背景图片:

 body{
    background-image:url(cover.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-attachment:fixed;
}

背景图像的宽度为 1280 像素。所以我希望我的导航栏固定并以背景为中心。但是我遇到了问题。这是我的代码。

#navigation {
margin: 0 auto;
position:fixed;
top: 0;
width: 1280px;
height: 35px;
padding-top: 10px;
background-color: #000000;
}

但是导航栏会固定但不会居中。如果我移除固定的，它会将其居中，但随后它不会固定。

有什么方法可以做到这一点？

Answer 1

你可以做以下事情

#navigation {
    position:fixed;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    width: 1280px;
    height: 35px;
    padding-top: 10px;
    background-color: #000000;
}