Html 每条线的清除

我使用以下代码来显示产品每行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>

博勒博蒙特

130.00€
从134开始
详细信息
购买
尺寸：S、L、XL

颜色：黑色、蓝色、绿色、红色、白色

也许这有帮助

或者你可以试试这样的

---

您能显示屏幕截图吗？这对我来说有点不清楚。最好不要有截图，但这个例子的完整CSS谢谢你，石头。。太棒了。。。其他开发人员建议我使用表。。我应该吗？虽然我发现设置第一个li clear left确实有效，但仅在ie8上进行了测试，但此解决方案与此解决方案类似，因为您可以使用具有动态宽度的ul。对于表，您必须决定需要多少列，这是最终结果。