Javascript 使用css使元素与其子元素的高度相同

我有这个代码，孩子的身高在变化，但父母的身高保持不变。我想要一个CSS代码，使家长的高度与孩子相同

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

</div>

</div

注意：使用HTML

如果添加CSS

<style>
    .parent, .child { 
      width: 120px; height: 100px;
    }
</style>

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

这将以不同的颜色绘制您的边框，以便您可以轻松看到正在发生的事情。您可以在
之后删除此边框。这应该是自然行为，因此可能您为家长设置了固定的高度，也可能孩子因为被定位而不在流程中。请提供复制issueit滑动条的最小样式，以便在滑动条更改包装条时，包装条仍然保持相同高度，且自适应高度不起作用@FabrizioCalderan.parent{height:fit content；display:flex；flex direction:column；}这将起作用。
.parent { border: 1px solid red; }
.child { border: 1px solid blue }