CSS－如何使div内的对象下对齐？

[berg369]

在一个高30的div中，里面放的对象高度是25，希望在外层div中设置，使里面的对象下对齐，但是设置了padding-top后外层div撑开了，在内部对象中设置margin-top:5px可以，但里面放什么东西，放几个是不确定的，所以不希望在内部对象中设置。

<div style="height:30px;width:100%;border:1px solid red;vertical-align:bottom;padding-top:5px">
<div style="height:25px;border:1px solid green">dd</div>
  </div>

[mingfish2]

貌似只能用绝对定位

[乌镇程序员]

<div style="height:30px;width:100%;border:1px solid red; position:relative;">
<div style="height:25px;border:1px solid green; position:absolute; bottom:0;">dd</div>
</div>