日期:2014-05-17  浏览次数:20688 次

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

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



------解决方案--------------------
貌似只能用绝对定位
------解决方案--------------------
<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>