/*方法一:已知元素的高宽*/
#div1{
background-color:#6699FF;
width:200px;
height:200px;
position:absolute;//父元素需要相对定位
top:50%;
left:50%;
margin-top:-100px; //负二分之一的height,width
margin-left:-100px;
}
/*方法二*/
#div1{
width:200px;
height:200px;
background:#6699FF;
margin;auto;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
}
/*第三种*/
#div{
display:flex;
justify-content:center;
align-item:center
}