bodyの外、内側の余白は0px
・div1
・横幅に80%・高さに200pxの指定あり
・背景色には淡いグリーンの指定
・外側の余白に指定あり
・内側の余白は0px
このとき、幅80%、左寄せなので、右のマージンとパディングを指定すると余白分の20%にプラス＋される
・div2
・横幅に100%・高さに100pxの指定
・背景色には淡いブルーの指定
・外側の余白に指定あり
・内側の余白は0px
幅100%に右マージンが40pxだと、横スクロールが出てしまうので注意
|
以下をコピーして使用してください
.body {
margin: 0px; padding: 0px;
}
div1{
width: 80%;
height: 200px;
background-color: #E3FEC9;
margin: 2px
0px 20px 30px;
padding: 0px;
}
.div2{
width: 100%;
height: 100px;
background-color: #DBF4FB;
margin: 0px
40px 10px 10px;
padding: 0px;
} |