html - 底部对齐 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>