HTML/CSS初心者です。画面の横のストリップを赤の背景に黒くしたい。CSS を使用して、黒の背景のラッパーと赤の背景の本体を定義します。
残念ながら、水平スクロールバーがある場合、ラッパーはスクロールバーが一番左にあるページの一部しか占有しません。これの右側のページの領域は完全に赤です。
関連する HTML と CSS は次のとおりです。
<div id="wrapper">
<div id="page" class="container">
<div id="content">
<h2 class="title">Foo</h2>
<div class="Body">
<p>Bar</p>
</div>
</div>
</div>
</div>
#wrapper {
background-color: #000000;
}
.container {
width: 1000px;
margin: 0px auto;
}
#page {
padding-top: 280px;
}
#content {
float: left;
width: 620px;
padding-right: 40px;
}
body {
margin: 0;
background: #FF0000;
}