CSS - 讓多個孩子成爲最高的孩子的身高

如何讓兩個字段都成爲最高的孩子的身高？下面的代碼，這也可以通過使用jQuery在http://jsfiddle.net/zpcXQ/2/CSS - 讓多個孩子成爲最高的孩子的身高

<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; 
}

來源

2012-03-30 99miles

可能DUP/questions/7855747/how-to-make-three-columns-the-same-height，http://stackoverflow.com/questions/2168573/same-height-of-columns-with-960-gs，more。我想人們會問這個問題是因爲沒有很好的，規範的解決方案。我喜歡人造的方法。 – 2012-03-30 19:57:15

爲此，您可以看到如下：http://stackoverflow.com的

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);

來源

2012-03-30 20:34:00 selo

CSS - 讓多個孩子成爲最高的孩子的身高

回答

相關問題