按钮在相同高度的列上对齐底部

Question

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

有什么想法吗？

演示：http://fiddle.jshell.net/JucVm/

Answer 1

您可以尝试这样的事情：

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

Answer 2

我更改了这个样式类：

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

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

并添加了这个类：

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

DEMO： http://jsfiddle.net/VTV6B/

更新：我删除了您的Javascript并将其替换为更简单的内容，请查看css，这里是演示：http://jsfiddle.net/VTV6B/2/