CSS - 複数の子を最も背の高い子の高さにする

Question

どのようにフィールドセットを両方とも高さの高さにするのですか？ここでは、次のようにjQueryを使ってこれを行うことができますもhttp://jsfiddle.net/zpcXQ/2/

<div id="parent"> 

    <form> 
    <fieldset id="left"> 
     <legend>Left</legend> 
     <p>line 1</p> 
     <p>line 2</p> 
     <p>line 3</p> 
    </fieldset> 

    <fieldset id="right"> 
     <legend>Right</legend> 
     <p>line 1</p> 
    </fieldset> 
    </form> 

</div> 

---

fieldset { 
    border: 1px solid green; 
    width: 48%; 
    position: relative; 
} 

#parent { 
    float: left; 
    width: 600px; 
    position: relative; 
} 

#left { 
    float: left; 
} 

#right { 
    float: left; 
} 

Answer 1

で見ることができますコードは、です：

var fieldSets = $("fieldset").toArray(); 
var highest = 0; 
for(var i=0; i< fieldSets.length; i++){ 
    var tempHeight = $(fieldSets[i]).height(); 
    if(tempHeight > highest){ 
     highest = tempHeight; 
    } 
} 
$("fieldset").height(highest);