Jquery 等高柱上底部对齐的按钮

我使用的是等高列布局，现在我需要在每个列的底部放置一个必须始终对齐的按钮

有什么想法吗

---

演示：

您可以尝试以下内容：

.col {position: relative; padding-bottom: 60px;}
.btn-align-bottom {position: absolute; bottom: 30px;}

---

您可以尝试以下方法：

.col {position: relative; padding-bottom: 60px;}
.btn-align-bottom {position: absolute; bottom: 30px;}

---

我在课堂上改变了这个风格：

你可以删除背景，我添加它只是为了测试

 .content {
        margin-bottom:30px;
        position: relative;
        background: #bb0000;
        height: 100%;
    }

并增加了这个类：

.content div.btn-align-bottom{
    position: absolute;
    bottom: 50px;
    left: 0px;
    width: 100%;
}

演示：

---

更新：我删除了你的Javascript并用更简单的东西替换了它，也看看css，下面是演示：

我更改了这个样式类：

你可以删除背景，我添加它只是为了测试

 .content {
        margin-bottom:30px;
        position: relative;
        background: #bb0000;
        height: 100%;
    }

并增加了这个类：

.content div.btn-align-bottom{
    position: absolute;
    bottom: 50px;
    left: 0px;
    width: 100%;
}

演示：

---

更新：我删除了你的Javascript并用更简单的东西替换了它，也看看css，这是演示：

谢谢。我正在测试你的解决方案moment@user1628193，不客气。如果它解决了你的问题，那么请将它标记为已接受的答案。。。这不太管用。按钮不见了。这是我正在建立的网站。最好是看到真实的东西在行动；）@用户1628193，很高兴我能帮忙！谢谢我正在测试你的解决方案moment@user1628193，不客气。如果它解决了你的问题，那么请将它标记为已接受的答案。。。这不太管用。按钮不见了。这是我正在建立的网站。最好是看到真实的东西在行动；）@用户1628193，很高兴我能帮忙！你的解决方案工作，但我需要有一个30像素的文本和按钮之间的边缘和按钮的边缘底部的30像素没有问题。我已经更新了代码来解释这一点。在

.col

div中添加底部填充，并将按钮放置在该填充中，意味着不会有文本重叠。谢谢Ralph，但它不起作用：（你认为如果我给你看我正在构建的实际页面会更好吗？当然，真正的例子总是更好。它对我来说很有效。你的解决方案很有效，但是我需要在文本和按钮之间留30像素的边距，按钮底部留30像素的边距。没有问题。我已经更新了代码来说明这一点。放底部填充打开

.col

div并将按钮放置在该填充区域内意味着不会有文本重叠。谢谢Ralph，但它不起作用：（你认为如果我向你展示我正在构建的实际页面会更好吗？当然，真正的示例总是更好。它对我来说很有效。