html - 使用纯 CSS 创建网店网格

Question

我正在创建 eshop，它的产品在表格网格中对齐。我希望价格和立即购买按钮显示在表格行的底部，但我不知道如何完成它。我的表由表行组成。包含产品的 div 位于这些行中。我认为最好的解决方案是将 div 扩展到表格行的 100% 高度，然后将 div （带有价格和立即购买按钮）设置为垂直对齐底部。但我不知道它是如何工作的。

为了更好地理解，这里是一个活生生的例子：

http://autoflex.zone42.sk/kategoria-produktu/znacky/alfa-romeo/

我知道这可以很容易地用 javascript 完成，但我不想使用 javascript。那么有没有其他方法可以仅使用 css 来做到这一点？

谢谢转发

Answer 1

我会使用类似responsivegridsystem之类的东西，您可以将与每个产品相关的所有 div 项放在每个网格框中。

已编辑

以网络链接内容为例，您可以为描述面板设置一个给定的高度。这样所有的价格都会排列起来，例如：

div.product-desc {
    height: 90px;
}