1つのdivの内容が増えるとdivの高さがすべて伸びます

Question

以下のコードでは、オブジェクトのセットを繰り返し、divの内部のアンカータグにその詳細を記入しています。いくつかの詳細は長い記述を含むことができます。すべてのアンカータグの高さを拡大したい

<div class="col-xs-6 col-md-3 offer-item-button" ng-repeat="offer in activeOffers"> 
    <a href="#/products" class="thumbnail" ng-click="onLocalOfferClick(offer,store)"> 
     <h5 class="text-right">#{{offer.SlotId}}</h5> 
     <h4 class="text-bold">{{offer.ProductName}}</h4> 
     <h5 class="text-bold">$ {{offer.ProductPrice | number:2}}</h5> 
     <h6 >{{offer.Description}}</h6> 
    </a> 
</div> 

JS Fiddler

任意の項目は、それが全体の内容に合わせて、その高さを大きくする必要が長い説明を持っている場合。他の部門も同じ高さにする必要があります

どうすればこの問題を解決できますか？

Answer 1

あなたのタグに使用できます。

divのための

height:100%; 

box-sizing:border-box;

Answer 2

CSSプロパティを追加します。

幅：500pxなど;（お好みの幅）

そして、アンカータグ内のすべての要素については、CSSプロパティを追加：

幅：100％;ワードラップ：ブレークワード;