在div中将链接底部对齐

Question

我有类似的东西

.col {float: left; width:190px;border: 1px solid red;}

<div class="col">
    <p>some text goes here some ass sasass here </p
</div>
<div class="col">
   <p>some text goes here</p>
   <a href="">Link</a>
</div>

因此，第一个div上的文本很长，而第二个div中的文本则没有。 因此，第一个div变得比第二个div高。

我要实现的是将文本保留在第二栏中，但将链接垂直对齐到底部以匹配左侧的div高度。

那有意义吗？

谢谢

Answer 1

看这个例子：
http://www.ejeliot.com/samples/equal-height-columns/example-6.html

添加：
您应该删除要放在底部的元素。

<div class="col">
    <p>Lorem ipsum dolor 1</p>
</div>
<div class="bottom"></div>

<div class="col">
    <p>Lorem ipsum dolor 2</p>
</div>
<div class="bottom">
    <a href="#">link</a>
</div>