javascript - 当一个div的内容增加时扩展所有div的高度

Question

我有以下代码迭代对象集并将其详细信息填充到 div 内的 anchor 标记。一些细节可以包含很长的描述。我想扩展所有 anchor 标签的高度。

<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

您可以在您的 a 标签上使用。

height:100%;

box-sizing:border-box;