float div 100％容器高度，全部动态

Question

我一直在环顾四周，找不到能解决这个问题的任何事情。

我有一个容器div，在这个内部，我有很少的浮动div，它们的内容是动态生成的，可以从几个单词到几乎一页不等。这基本上创建了一个表行（由于某些原因我不想使用表格布局）。

我使用overflow:hidden;

成功地将容器展开到更大的内容

现在我希望所有的div都能适应容器的高度。

Answer 1

你可以设置一个类到容器内的所有div ...让我们说class="contained"

然后你可以添加一个js函数，在生成文档时运行，找到所有包含div的max-height，并为所有其他div设置相同的高度。

  $(function() {
      var maxheight=0;
      $(".contained").each( function ()  {
          if (maxheight<$(this).height()
          maxheight=$(this).height();
      });
      $(".contained").each( function ()  {
      $(this).height(maxheight);
      }); 
}