在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>