<!--サイト全体のコンテンツ幅を設定&中のコンテンツ部分の最大幅を設定
containerで全体を囲んで、さらにclass="inner"をつけることで複数個所で利用、同じ幅指定できる-->
<div id="container1">
<div class="inner">1000px</div>
<div class="inner">1000px</div>
</div>
<div id="container2">
<div class="inner">100%</div>
<div class="inner">100%</div>
</div>
/* サイト全体のコンテンツ幅を設定&中のコンテンツ部分の幅を設定*/
#container1 {
background-color: rgb(223, 29, 230);
max-width: 1000px;
margin: 0 auto;
}
/*サイト全体のコンテンツ幅を全体表示＆のコンテンツ部分の最大幅を設定*/
#container2 {
background-color: rgb(155, 41, 136);
max-width: 100%;
}
/*#containerの50％*/
.inner {
background-color: rgb(47, 64, 88);
max-width: 50%;;
margin: 0 auto;
}