如何在块或内联块元素的底部定位文本？

Question

我有一个固定高度和宽度的元素，并希望为它添加位于底部的文本。它可能跨越几行（但小于元素高度），这使得这很困难。

它只需要在某些现代浏览器中工作，例如＆gt; = IE8，＆gt; = FF3和WebKit。

Answer 1

<div style="height:100px;border:1px solid #000;position:relative;">
    <p style="position:absolute;bottom:0;border:1px solid #f00;">
        This text is positioned at the bottom of the containing DIV.
    </p>
</div>

应该工作： - ）

Answer 2

此链接对您有很大帮助：）

http://www.w3schools.com/cssref/pr_pos_vertical-align.asp