Html 如何移除按钮的底部空间？

我正在这个新网站上工作，以取得以下成果：

这是我目前的状态：

github回购协议的链接：

---

有人能帮我吗？

请添加此CSS:

.section.payments .payment-card {
    padding-bottom: 60px;
}
section.payments a.btn {
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
}

---

试试看，也许对你有帮助

<style>
section.payments .payment-card .services p.content {
min-height: 158px;
}
</style>

第节.支付.支付卡.服务p.内容{
最小高度：158px；
}

---

将此“最小高度：156px；”添加到类上方，以删除按钮下方的空间。请使用以下代码：

section.payments .payment-card {
    padding-bottom: 60px;
}
section.payments a.btn {
    position: absolute;
    bottom: 0;
    left: 0;
}

---

您只需在代码中添加以下css即可做到这一点：-

第三节支付。支付卡{

display: flex;
flex-direction: column;
width: 100%;

}

第1.a.btn节{

align-self: flex-end;
margin-top: auto;

}

**截图：-**

---

最好的方法是使用按钮的绝对位置，它在每个屏幕上的任何情况下都适用，正如上面一些用户所回答的那样。使用该位置解决方案。您也可以使用flex解决方案，但会遇到一些浏览器兼容性问题。

从Github链接中查找此按钮的代码部分非常耗时。在此处添加与按钮相关的所有代码段（css、html）。tyr this section.payments.payment card.services p.content{min height:156px}out use position absolute for button

align-self: flex-end;
margin-top: auto;