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

在我的示例中，我需要修复按钮

.lot item.bid now

到

.lot item

的底部，如下面的JSFIDLE示例所示。我知道最流行的方法是使子元素的

position:relative

then

position:absolute

then

bottom 0

。但在这种情况下，我所有的物品都会失去

weight

property，而且会很难看。因为我的按钮是父元素中最宽的元素。此外，我无法为

批次项目

制作固定宽度

重量

。如果有任何不同的解决方案为我的情况？jQuery解决方案也是一个不错的解决方案

---

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

批被传递到display:flex和flex-wrap:wrap以落在另一行中

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

---

非常感谢。这就解决了我的问题。Flex-wrap：wrap非常有用