css - float div 100% 容器高度，全是动态的

Question

我一直在环顾四周，找不到任何解决此问题的方法。

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

我成功地使容器扩展到更大的内容使用overflow:hidden;

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

Answer 1

您可以为容器内的所有 div 设置一个类...假设class="contained"

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

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