#child{
width: 80%;
height: 50%;
background-color: lawngreen;
}
.parent{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 200px;
border: 1px solid #ddd;
}
<div class="parent">
<div id='child' >aaaaaa</div>
</div>
效果如下: