当子div为“ transform：scale”时，如何将父<div>扩展到其子高度

Question

我想在不对div-1进行样式设置的情况下将其子div的div-1高度设置为div-2（我们不应在div-1中添加宽度或高度）。

请注意，div-2已缩放缩放（css- transform：scale（10））div。

这可能吗？

HTML

.div-1{
  background: #F00;

}

.div-2{
  background: #Ff0;
  opacity:0.5;
  width:50px;
  height: 20px;
  transform:scale(10);
  
}

<div class="div-1">
    <div class="div-2"></div>
</div>