优雅的方式将元素的高度设置为100％

Question

我搜索一个解决方案，将容器的高度设置为100％

正如我在this site所了解到的那样，容器的所有父元素都必须设置为100％。

在包含约30个父元素的内容管理方面，这并不容易。

html的概念是这样的：包装器中的所有元素都需要相等，并使用包装器高度的100％。

<div id="wrapper">
  <div id="left" class="container">
    Test<br/>
    ....maybe more content
  </div>
  <div id="right" class="container">
    Test<br/>
    ....maybe much more content
  </div>
</div>

所以我用javascript解决方案稍微摆弄了一下。

我“计算”最大元素的高度，并将其设置为容器类，所有这些都是。

The fiddle is here

您认为这是一个优雅的解决方案还是有更聪明的方法？

感谢您的评论！

Answer 1

也许这会奏效：

var biggestHeight = $("#wrapper").height();
$("#wrapper").children().css("height",biggestHeight+"px");