CSSレイアウト - 幅と最大幅

幅、最大幅と使用margin: auto;

前章で述べたように、 ブロックレベル要素は常に（左右に限り、それができますように広がって）利用可能な幅全体を占めています。

設定widthブロックレベル要素のことは、そのコンテナの端に出てストレッチからそれを防ぐことができます。 そして、あなたは水平に、そのコンテナ内の要素を中心に、autoにマージンを設定することができます。 要素は、指定された幅を取るだろう、と残りのスペースは2のマージンの間で均等に分割されます：

注：に問題<div>上記のブラウザウィンドウが要素の幅よりも小さい場合に発生します。 ブラウザはそのページに水平スクロールバーを追加します。

使用max-width代わりに、このような状況では、小さな窓のブラウザの処理を改善します。 小型デバイス上で使用可能なサイトを作るとき、これは重要です：

ヒント：2 div要素の違いを見るために、広い未満500pxなどに、ブラウザウィンドウのサイズを変更！

ここでは上記2 div要素の例は次のとおりです。