当一个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

如果任何项目有长描述，则需要增加其高度以适合整个内容。其他div也需要达到相同的高度

我该如何解决这个问题？

Answer 1

你可以在你的标签上使用。

height:100%;

box-sizing:border-box;

Answer 2

for div add css property：

  

宽度：500px;（您选择的宽度）

对于锚标记中的每个元素添加css属性：

  

宽度：100％;自动换行：break-word;