如何实现父盒子大小随着子盒子大小而变化

如何实现父盒子大小随着子盒子大小而变化；我的问题如此简单还需要30个字

<div class="parent">
  <div class="child">Child</div>
</div>

.parent {
  display: flex;
}

.child {
  flex-grow: 1;
}

你这个字数凑得就很nice

你不设置父盒子的宽高就可以啦,浏览器在渲染的时候,子盒子是多大,父盒子就是多大,

 
<div class="parent">
  <div class="child">Child</div>
</div>
 
.child {
   width:200px;
  height:200px;
}

就像这样,浏览器渲染出来的父盒子大小绝对也是200*200的