html - 如何将文本定位在 block 或行内 block 元素的底部？

Question

我有一个具有固定高度和宽度的元素，我想向它添加位于底部的文本。它可能跨越多行(但小于元素高度)，这使得这很困难。

它只需要在比较现代的浏览器中工作，例如 >= IE8、>= 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>

应该工作 :-)