固定div的CSS水平居中？

#menu {
    position: fixed;
    width: 800px;
    background: rgb(255, 255, 255); /* The Fallback */
    background: rgba(255, 255, 255, 0.8);
    margin-top: 30px;
}

我知道这个问题已经有一百万次了，但是我找不到解决我的情况的方法。 我有一个 div，它应该固定在屏幕上，即使页面滚动它也应该始终保持在屏幕中间居中！

div 应该有500px宽度，应该是30px远离顶部（边距顶部），对于所有浏览器尺寸，应水平居中于页面中间，并且在滚动页面的其余部分时不应移动。

那可能吗？

这里的答案已经过时了。现在您可以轻松使用 CSS3 转换无需硬编码边距。这适用于所有元素，包括没有宽度或动态宽度的元素。

水平中心：

left: 50%;
transform: translateX(-50%);

垂直中心：

top: 50%;
transform: translateY(-50%);

水平和垂直：

left: 50%;
top: 50%;
transform: translate(-50%, -50%);

兼容性不是问题：http://caniuse.com/#feat=transforms2d