1. ホーム
  2. ハイパーリンク

[解決済み】CSSによる固定divの水平方向のセンタリング?

2022-04-10 09:14:48

質問

#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 */