私たちは通常使用していることを知っていますmargin:autoが、以下のコードを使用しています。
HTML :
<article>
<header></header>
</article>
CSS:
article{
max-width: 500px;
margin: auto; /* goes in the middle - great */
}
header{
width: 130%;
margin-left: -30%;
}
この時点で、私はarticle中央に配置しています。ただし、ブラウザ/ウィンドウのサイズが小さくなるにつれて、記事の幅がheader. 基本的に、(ブラウザー ウィンドウを縮小すると) ある時点headerで、右側の空白スペースを利用せずに、左側の端に表示されます。
余分な を付けたくはありませんdivが、そうする場合は、記事を で囲みdiv、自動マージンを設定します。
