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

Question

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

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

我尝试过的解决方案:

1)溢出:自动

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

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

Answer 1

嘿，现在我想你应该这样做

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

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