html - 在另一个 div 中动态改变 div 的高度

Question

我试图让 div 的高度根据 div 内的元素数量动态变化。我正在尝试做的整个想法如下图所示

最后一个 div 应该能够动态更改。看来我必须设置第三个内部 div 的高度。如果我不这样做，则 div 会出现在主 div 之外。

我尝试过的解决方案：

1）溢出：自动

2) 尝试不设置第三个内部 div 的高度。

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

Answer 1

不要给 div 一个固定的高度，只float:left;在你的 CSS 中使用。

Answer 2

嘿，现在我认为你应该这样做

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>

CSS

.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;
}

现场演示 http://tinkerbin.com/i1R8emEb

现在根据您的设计更改为高度宽度或高度..