Question

所以在我正在构建的网站的首页上 - 我们有一个WooCommerce小部件，它显示了3列中的两行产品。 - http://goo.gl/GPX1ER

有些产品比其他产品有更多的文字，所以div高度各不相同 - 我希望通过将高度放在最高的高度来使它们看起来均匀。

我检查了CSS中的元素并找到了宽度的来源（32.3％） - 所以我添加了一个高度元素，但它没有扩展它们。我也在该地区以上的div上工作过。

我不知所措，因为我知道我能做什么，我之前写过，所以不确定我缺少什么

`                   <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;
}

试图根据最高的div来获得相等的div高度

0 个答案: