html盒子的相对位置,css的盒子模型（相对位置，绝对位置）

CSS的定位和盒子模型

#showdiv{

border: solid 1px;

width: 300px;

height: 300px;

background-color: bisque;

/*定位学习*/

/*绝对定位*/

position: absolute;

left:100px;

top:100px;

}

#div01{

border: solid 1px;

width: 100px;

height: 100px;

background-color:blue;

/*定位学习*/

/*相对定位*/

position: relative;

left: 100px;

top: 50px;

margin: 10px;

}

#div02{

border: solid 1px;

width: 100px;

height: 100px;

background-color:blue;

/*定位学习*/

/*相对定位*/

position: relative;

left: 100px;

top: 50px;

/*盒子模型*/

/*内边距*/

/*padding: 10px;*/

/*外边距*/

margin: 10px;

}

我是div02