没有静态高度的容器div中的高度为100％

Question

我今天遇到了问题。我有3个具有可变高度的div，我从来不知道它们中哪一个会是最高的。我不得不将它们并排放置，并始终将它们中的所有3个的高度设置为相同。所有3个div都位于一个包装div中，但是这个div不能具有静态高度，它需要将自己调整到最高的孩子。

我的错觉包括一些简单的javascript：

JS Fiddle

我希望你们中的一些人在某些时候可能会觉得它很有用......

Answer 1

试试这个例子：http://jsfiddle.net/rathoreahsan/Dyy4M/

Answer 2

离开我的评论后，我注意到你有一个明确的div：

<div class="clear" />

我反对使用标记来解决问题。这可以通过添加两个CSS行来完成：

#wrap
{
    position: relative;
    border: 2px solid red;
    float:left; /* NEW LINE */
    width:100%; /* NEW LINE */  
}

http://jsfiddle.net/ajthomascouk/qqha2/5/

Answer 3

我认为为特定情况创建表格更容易...有1行和3个单元格...不是100％正确的语义，但我认为比自定义javascript更好...