Question

我使用以下代码显示产品。 每行3个产品（每个li左侧浮动）产品用javascript过滤... 问题是div具有类特征...它是一些em的固定高度。但是我希望它不是固定高度...如果它是可变高度，那么下一行的产品将不会处于相同的y位置。我能想到的唯一解决方案是添加更清晰的li ..但是在过滤产品时需要额外的javascript代码。还有其他想法吗？

<li class="product f_manufacturerBreak_A_Way f_colorgrey ">
                <p class="title">Bolle Beaumont</p>
                <div class="imagePriceContainer">
                    <div class="imageContainer"><img alt="product" src="/photos/small/sunglasses/bol0112kk.jpg" width="100" /></div>
                    <div class="priceContainer">
                        <p class="price">130.00&#8364;</p>
                        <p class="priceNoDiscount">from <span>134</span></p>
                        <div class="actions">
                            <p class="action">Details</p>
                            <p class="action">Buy</p>
                        </div>    
                    </div></div>
                <div class="features">Sizes: S, L, XL<br />
    Colors: Black, Blue, Green, Red, White</div></li>

Answer 1

也许这可能会有所帮助？

http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/

或者你可以试试这样的东西

http://jsfiddle.net/PkFpr/

清除每一行

1 个答案: