【JavaScript】两个div并排，高度自适应相等

HTML:

<div class="ctn>
    <div id="left">11</div>
    <div id="right">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
        测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</div>
</div>

一：JS实现

$(function(){ 
    var heightLeft= $("#Left").height(); 
    var heightRight= $("#Right").height(); 
    if (heightLeft > heightRight) { 
          $("#right").height(heightLeft); 
    } else { 
         $("#left").height(heightRight); 
    } 
}); 

二：纯CSS实现

.ctn{
    display: -webkit-box;
}
.left, .right {
    border: 1px solid #f40;
}