CSSレイアウト学習メモ max-width_html/css_WEB-ITnose

ブロックレベル要素の幅を設定して、コンテナーが左から右に埋まらないようにします。次に、左右のマージンを自動に設定して、水平方向の中央に配置できます。要素は指定した幅を占め、残りの幅は左右の 2 つのマージンに分割されます。

すごいです

唯一の問題は、ブラウザ ウィンドウが要素の幅より狭い場合、ブラウザはページに合わせて水平スクロール バーを表示することです。

この場合、width の代わりに max-width を使用すると、ブラウザが小さなウィンドウの状況をより適切に処理できるようになります。

div{  width: 600px;  margin: 0 auto; }

この知識ポイントは非常に簡単ですが、非常に重要だと思うので記録します〜