こんにちは、私のウェブサイトをすべての解像度の中心に配置しようとしていますが、ページ全体をコンテナ div でラップしてスタイリングしようとしても何も起こりません。以下は私が使用する CSS です。
CSS
.container {
width: 95%;
margin-right: auto;
margin-left: auto;
}
どうすれば修正できるかについて何か提案はありますか?
コンテナ div は中央に配置されていますが、nav 要素の左側に 220px のマージンを設定しています。他のものはまだ見ていませんが、それらにも余白を設定したと思います。
また、コンテナ内の要素は絶対に配置されるため、通常のフローから外れます。これらの要素を .container にアタッチする場合は、それを position:relative にする必要があります。
上記の以前のコメントで言及したことですが、幅をパーセントに設定するときは、「何パーセントですか?」と自問する必要があることを覚えておく必要があります。常に親の幅のパーセントになるため、次の質問は「親の幅は?」です。これが設定されていない場合、パーセンテージが意図したとおりに機能しないか、まったく機能しない可能性があります。