Html 动态更改另一个div中div的高度

我试图允许div的高度根据div中元素的数量动态地改变。我试图做的全部想法如下图所示

最后一个div应该能够动态更改。似乎我必须设置第三个内部div的高度。如果我不设置，则div显示在主div之外

我尝试过的解决方案：

1） 溢出：自动

2） 尝试不设置第三个内分区的高度

---

我必须使用javascript吗？我可以不使用javascript吗？这些解决方案不起作用。需要一些指导。。抱歉，如果问题重复了…

不要给div一个固定的高度，只需使用

float:left在你的CSS中。
嘿，现在我想你应该这样做

HTML

<div class="parent">
  <div class="child1">
    <div class="one">One</div>
     <div class="one">two</div>
  </div>

   <div class="child1">
    <div class="one">One</div>
     <div class="one">two</div>
  </div>


   <div class="child2">
     dynamic height
     </div>

</div>

现场演示

现在根据您的设计更改为高度、宽度或高度。
使用float:left CSS只需一件事即可完成所有这一切：
display:block；宽度：xxxpx；高度xxpx
（动态更改高度）技术是使用overflow:hidden是吗？如果删除边框div而不是使用overflow:hidden以清除父div，则是使用overflow:hidden这是collapse Margin不理解上一条语句
.parent{
border:solid 1px red;
}
.child1, .child2{
overflow:hidden;
  margin:10px;
  border:solid 2px green;
}

.one{
background:red;
  border:solid 1px black;
  padding:10px;
  float:left;
  margin:10px;
}