それでは、前回定義した、子ボックスの位置を定義してみましょう。
ボックスの間隔を定義する属性はなんだったでしょうか？
思い出してみてくださいね。
子ボックスの位置を下の例のように、定義してみてください。
子ボックスは、左から100px、の位置に配置されてます。
.box-oya{
width: 300px;
height: 200px;
background-color: #FFCCCC;
}
.box-ko{
width: 20px;
height: 20px;
background-color: #CC0000;
margin:0px 0px 0px 100px;
}
親ボックスの定義内容は変更ありません。
ボックスの間隔を定義する属性は、marginですね。
これを、子ボックスに定義してあげることで、
ネストされた<DIV>ボックスの位置を定義することができます。
