如何在父级底部使用 jQuery 或 css 修复元素

Question

在我的示例中，我需要将按钮固定.lot-item .bid-now到下面的.lot-itemjsFiddle 示例中的底部。我知道最流行的方法是使position: relative子元素position: absolutethen 成为 then bottom 0。但在这种情况下，我所有的物品都会失去weight财产并且会很丑陋。因为我的按钮最宽的元素在父元素中。此外，我无法weight为.lot-item. 如果我的情况有任何不同的解决方案？jQuery 解决方案也是一个很好的解决方案https://jsfiddle.net/z7Lgme5s/

Answer 1

我将列传递给 FlexBox，结果发生变化，我用小提琴向您发送相同的代码

parents .lots 传递给 display: flex 和 flex-wrap: wrap to fall in another line

[https://jsfiddle.net/r0bin/0m13h5fk/1/][1]