Div最大的高度

Question

我有3个div

<div id="div1" style="float:left;">
</div>

<div id="div2" style="float:left;">
</div>

<div id="div3" style="float:left;">
</div>

在大多数时候div3是最高的，我希望div1和div2与div3具有相同的高度，是否可以做到？

Answer 1

您可以使用faux background或holy grail technique。

或者，您可以使用一些JavaScript ......

var divIds = ['div1', 'div2', 'div3'],
    divs = [],
    divsLength = divIds.length,
    maxHeight = 0;

for (var i = 0; i < divsLength; i++) {
   var div = document.getElementById(divIds[i]);
   maxHeight = Math.max(maxHeight, div.offsetHeight);
   divs.push(div);
}

for (var i = 0; i < divsLength; i++) {
   divs[i].style.height = maxHeight + 'px';
}

jsFiddle