materialize.cssと同じ高さを持つ同じ行のディビジョン

Question

materialize.cssを使用しています。 タイトルと同じように、同じ行にあるdiv（私の場合はカード）が同じ高さを持っていることを望みます。

カードの内容は決して切られてはいけません。そのため、高さは自動にする必要があります。最も低いカードは、最も高いカードからの高さに適応する必要があります。

私は使用しようとしましたflex：それは動作しますが、それは回答者のウェブサイトを反応させるマテリアライズからグリッドシステムを「取り消します」。

私はまた、それが見つかりました：http://callmenick.com/post/css-equal-height-columns-three-different-ways しかし、私はマテリアライズのCSSを変更すると怖いです。主に、CSSプロパティの位置と表示を使用するソリューション2と3の場合。

ここでは、ウェブサイトを見つけることができます：それがあるべきようにですhttp://employeurs-solidaires92.fr/testpersomaterialize/ が、私はカードの高さやボタンの位置を変更するためにjqueryのを使用：/ 中画面の表示が少し複雑です（サイズを変更見てください）

ありがとうございました！

Answer 1

私はプログラミングを開始するが、このようないくつかは多分助ける：

jQuery: 
 

 
var a = $("#cat").height(); 
 
var b = $("#dog").height(); 
 
if(a<b){ 
 
\t $("#cat").css('height',b+'px'); 
 
}else $("#dog").css('height',a+'px');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<div id="cat" style="height: 20px; background-color: black;"></div> 
 
<div id="dog" style="height: 110px; background-color: red;"></div>