以下にリストされている非常に単純なcssコードを書いています:
body {
background-color:#616161;
margin-left: 20%;
}
左側に 20% のマージンを指定しましたが、背景色は body タグのマージン領域にも影響します。背景色が境界線内にとどまるようにするにはどうすればよいですか?
以下にリストされている非常に単純なcssコードを書いています:
body {
background-color:#616161;
margin-left: 20%;
}
左側に 20% のマージンを指定しましたが、背景色は body タグのマージン領域にも影響します。背景色が境界線内にとどまるようにするにはどうすればよいですか?
div を使用して背景色を配置します
<html>
<body>
<div class="background">
<p>This is some text</p>
</div>
</body>
</html>
次に、この CSS を使用して色と余白を割り当てます。コードを微調整して、必要な幅と高さを取得する必要があります。
html{
height:100%;
}
body{
height:100%;
margin-top:0px;
margin-left: 20%;
}
.background{
min-height:100%;
height:auto;
background-color:#616161;
width:100%;
}
またはミロが指摘したように:
html { background-color:#fff; }
body {
background-color:#616161;
margin:0% 0% 0% 20%;
}