javascript - setting the height of the parent according to the highest child element, jquery -

i have layout, contains a

<div class="line" id="#"> <div class="summary"> text </div> <div class="summary"> </div> <div class="summary"> long text </div> </div> 

i want, using jquery, expand height of <div class="line"> according highest child element, tried fiddling with:

$(".line").attr("id", function() while ($(this).next().length > 0) { ac = $(this).children(".summary").outerheight(); = $(this).children(".summary").next().outerheight();  if (a > ac) { = ac; } } $(this).css("height", + "px"); }); 

and no success, selectors need use, , how go achieving this?

if indeed summary divs columns in 3 column layout applying float:left on them, wrap container nicely around 3 adding div , style clear:both

so html this:

<div class="line" id="#">   <div class="summary">     text   </div>   <div class="summary">       </div>   <div class="summary">     long text   </div>   <div style="clear:both"></div> </div>