[解決済み】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 */
関連
-
[解決済み】私のCSS3メディアクエリがモバイルデバイスで機能しないのはなぜですか?
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] div要素間の空白を削除する方法
-
[解決済み] HTML5 Validation Error: body start tag が見えたが、同じタイプの要素がすでに開かれていた
-
[解決済み] TD rowspan が機能しない
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] 位置は固定だが、容器に対して相対的
-
[解決済み】CSSを使用して、すべてのブラウザでdiv要素を垂直方向に中央に配置するにはどうすればよいですか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】iframeの背景色を変更する問題
-
[解決済み】スタイルシートとして解釈されるリソースがMIMEタイプtext/htmlで転送される(ウェブサーバーとは関係ないようです)。
-
[解決済み] CSS color vs. background-color vs. background?
-
[解決済み] HTMLの#記号の文字実体は?
-
[解決済み] CSS - display: none; が機能しない
-
[解決済み] What is the difference between <p> and <div>?
-
[解決済み] HTMLボタンのテキストを固定幅で折り返すには?
-
[解決済み] HTML CSS インビジブルボタン
-
[解決済み] Add a scrollbar to a <textarea> [duplicate]
-
[解決済み] HTMLのバックスペース