eq-height CSSまたは内部div /クラスを持つJS？

Question

私は、この例でのメソッドEQ-高さを作成しようとしています： https://codepen.io/anon/pen/opXmMG

<div class="row"> 
    <div class="col-lg-8"> 
    <div> class="box"> 
     <div class="box-head"> 
     <h2>Title</h2> 
     </div> 
     <div> class="box-body"> 
     <p>Lorem ipsum dolor sit amet</p> 
     </div> 
    </div> 
    </div> 
</div> 
<div class="col-lg-8"> 
    <div> class="box"> 
     <div> class="box-head"> 
     <h2>Title</h2> 
     </div> 
     <div> class="box-body"> 
     <p>Second row</p> 
     <p>Second row</p> 
     <br> 
     </div> 
    </div> 
    </div> 
</div> 

私は日付の実践に最もまでを、次のされている知っていただきたいと思いますし、そのあるべきほとんどの演奏者。

もちろん、それを動作させる。今は私がそれをやることができないからです。

ありがとうございます。

Answer 1

最新の練習は、最新のブラウザのみをサポートしているとみなすことができます。その後、CSSのFlexboxプロパティを使用して簡単に実現できます。

すべての画面サイズに対して固定の行と列があると仮定して、テーブルとdiv（dispaly：tableプロパティを使用）を使用する必要はありません。

Answer 2

私はあなただけ

HightGrup="mygrup1" 

でオブジェクトグループを定義しなければならないものであるneededo

https://codepen.io/anon/pen/QabRQP?editors=1010

$(function(){ 
var HightGruplist = []; 
    $('*').each(function(index) { 
    if ($(this).attr("HightGrup")!=null){ 
     var TempGrup=$(this).attr("HightGrup"); 
     console.log(TempGrup); 
     var Found=false; 
     HightGruplist.forEach(function(item,index){if (item==TempGrup){ 
     Found=true; 
     }}); 
     if (!Found){ 
     HightGruplist.push(TempGrup); 
     } 
    } 
    }); 
    HightGruplist.forEach(function(item,index){ 
    console.log($('*[HightGrup='+item+']')); 
    $('*[HightGrup='+item+']').on('resize',function() { 
     var MaxHeght=0; 
     $('*[HightGrup='+item+']').each(function(index) { 
     if ($(this).height()>MaxHeght) MaxHeght = $(this).height(); 
     }); 
     console.log(MaxHeght); 
     $('*[HightGrup='+item+']').height(MaxHeght); 
    }); 
    }); 
}); 
$(function() {$('*[HightGrup]').resize();}); 

行うための一般的な方法を実装している、私の解決策を試してみてください

es

<div class="box-header accent" HightGrup="mygrup1">