Html 根据最高的div尝试使div高度相等

因此，在我正在建设的网站的首页上，我们有一个WooCommerce小部件，它以三列两行显示产品

有些产品的文字比其他产品多，因此div的高度各不相同-我想让它们看起来统一，因为它们的高度是以最高的为基础的

我检查了CSS中的元素，发现了宽度的来源（32.3%）——因此我添加了一个height元素，但它没有扩展它们。我也曾在该区域上方的分区工作过

我不知所措，因为我知道我能做什么，我以前写过，所以不确定我错过了什么

`                   <li class="first post-11756 product type-product status-publish has-post-thumbnail product_cat-gift-items shipping-taxable purchasable product-type-simple product-cat-gift-items instock">


    <a href="http://omegawebaz.com/petosa/product/accordion-care-kit/" class="product-images">

        <span class=""><img width="175" height="243" src="http://omegawebaz.com/petosa/wp-content/uploads/2015/10/Cory-Care-Kit.jpg" class="attachment-shop_catalog wp-post-image" alt="Cory Care Kit" /><span class="cart-loading"><i class="fusion-icon-spinner"></i></span></span>
    </a>

    <div class="product-details">

        <div class="product-details-container">

            <h3 class="product-title"><a href="http://omegawebaz.com/petosa/product/accordion-care-kit/">Accordion Care Kit</a></h3>

            <div class="clearfix">



    <span class="price"><span class="amount">&#36;19.95</span></span>

            </div>

        </div>

    </div>

    <div class="product-buttons"><div class="product-buttons-container clearfix"><a href="/petosa/?add-to-cart=11756" rel="nofollow" data-product_id="11756" data-product_sku="CCCK" data-quantity="1" class="button add_to_cart_button product_type_simple">Add to cart</a><a href="http://omegawebaz.com/petosa/product/accordion-care-kit/" class="show_details_button">Details</a></div></div>
</li>`



.products-3 > li {
    float: left;
    width: 32.6%;
    margin-right: 1.0%;
    margin-bottom: 11px;
}

`

$19.95
`
.products-3>li{
浮动：左；
宽度：32.6%；
保证金权利：1.0%；
边缘底部：11px；
}

你能将问题中的相关代码（HTML和CSS）以片段的形式发布在这里吗？重复-检查此插件：检查@Paulie_D发送的链接。使外部容器显示：表格单元格；并移除浮子，将边距更改为填充。