css - 将 div 对齐到底部

Question

我必须将 div 附加到另一个具有绝对位置（不能相对）到底部的 div 中，代码看起来像

<div style="position:aboslute; top:100px; left:200px; height:500px">
    <div style="height:20px">Example 1</div>
    <div style="height:2px">Example 2</div>
</div>

解决方案？

Answer 1

给relative父母absolute定位，给孩子定位。

<div style="position:aboslute; top:100px; left:200px; height:500px">
    <div style="height:20px; position: absolute; bottom: 0;">Example 1</div>
    <div style="height:2px; position: absolute; bottom: 0;">Example 2</div>
</div>

预览：

在这里查看小提琴：http: //jsfiddle.net/vLn32/