CSS水平居中固定div？

• Z时代
• 2024-01-10
• 分类：问答

#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远离顶部（页边距），应该在页面中间水平居中，并且在滚动其余页面时不应移动。

那可能吗？

回答：

left: 50%;
margin-left: -400px; /* Half of the width */

以上是 CSS水平居中固定div？ 的全部内容， 来源链接： utcz.com/qa/403551.html