CSS定位

div{
width:200px;
height:300px
}

固定定位： 页面的某一位置不动
相对定位： 相对于父级块标签，肉体还在，灵魂出窍
绝对定位： 相对于父级块标签，肉体不在

div{
width:200px;
height:300px;
background:yellow;
border: 1px solid black;
}
.container{
width:1000px;
height:500px;
background:rgb(41, 247, 14);
border: 1px solid black;
position: relative;
margin: auto;
}
.div1 {
width:200px;
height:300px;
background:yellow;
border: 1px solid black;
/* 定位： /
/ position: fixed;/固定/
/距离底边50px/
bottom:50px;
/距离右边20px /
right:20px;
/ top:; bottom:;
left:; right:; /
/ 相对定位 相对于父级 灵魂出窍，肉体还在/
/* position: relative;
top: 50px;
left: 50px; */

/* 绝对定位： 肉体不在了，下面的会顶上去*/
position: absolute;
top: 50px;
left: 50px;

}

div1

div2