Css 响应式设计中的按钮垂直定位不会移动

我很难让BigCommerce主题中的按钮垂直对齐底部。由于它是一种响应灵敏的设计，绝对定位并不能完全完成工作。不幸的是，它是唯一一个似乎能移动按钮的东西；我尝试过各种相对位置的方法，垂直位置不会移动。这些产品似乎列在一个列表中，该列表起着表格的作用

下面是按钮本身的css。我在边框下方添加了内容，并尝试了许多不同的方法，还尝试了将显示更改为内联块

.product-grid .ProductActionAdd .button {
 display:block;
 background: #424546;
 border: 1px solid #303334;
 position: relative; 
 vertical-alignment:bottom;
 bottom:0;

 }

我也可以为其他部分提供css。下面是我试图解决的问题。那些有单行产品名称的人会将“库存”按钮向上移动

---

如果没有完整的HTML/CSS或a，我将很难为您提供完整的HTML/CSS解决方案，但以下是解决问题的方法：

将按钮和描述包装在元素内部，并在包装元素上设置position:relative 为按钮提供以下样式：位置：绝对；保证金：0自动；左：0；右：0；底部：5px； 将描述设置为固定高度，并为包装提供固定高度

---

这应该能解决你的问题

这种垂直对齐应该是垂直对齐，只是为了纠正语法，这并不能解决您的问题将HTML放在JSFIDLE或类似的文件中…@Huangism是正确的，即使这样，我相信它也只能在表>表单元格或块>内联块上工作。我发布的答案不起作用吗？下面是代码片段和css。正如你所看到的，html主要涉及引用其他文件。只是尝试了一下，它实际上将所有按钮缩小到一条2倍宽的垂直线。以下是html和css：