【发布时间】：2014-02-23 12:59:38
【问题描述】：
【问题讨论】：
标签： jquery css alignment multiple-columns
【发布时间】：2014-02-23 12:59:38
【问题描述】：
我改变了这个样式类：
你可以去掉背景，我添加它只是为了测试！
.content {
margin-bottom:30px;
position: relative;
background: #bb0000;
height: 100%;
}
并添加了这个类：
.content div.btn-align-bottom{
position: absolute;
bottom: 50px;
left: 0px;
width: 100%;
}
演示： http://jsfiddle.net/VTV6B/
更新：我删除了你的 Javascript 并用更简单的东西代替了它，也看看 css，这里是演示：http://jsfiddle.net/VTV6B/2/
【讨论】：
-
谢谢。我正在测试你的解决方案
-
@user1628193，不客气。如果它解决了您的问题，请将其标记为已接受答案
-
嗯...不太好用。按钮消失了。这是我正在建立的网站。 creativmouse.com/naptg/events.html 看看实物可能会更好;)
-
@user1628193，很高兴我能帮上忙！
你可以试试这样的：
.col {position: relative; padding-bottom: 60px;}
.btn-align-bottom {position: absolute; bottom: 30px;}
【讨论】：
-
您的解决方案有效，但是我需要在文本和按钮之间留出 30 像素的边距，并且按钮底部的边距为 30 像素
-
没有问题。我已经更新了代码来解决这个问题。将底部填充放在
.coldiv 上并将按钮定位在该填充内意味着不能有文本重叠。 -
谢谢拉尔夫，但它不起作用:(你认为如果我向你展示我正在构建的实际页面会更好吗？
-
当然，真实的例子总是更好。它对我有用。