css - 调整 div 大小时，自动将 div 的子级垂直对齐底部，水平方向左对齐

Question

我试图在调整 div 大小时自动将 div 的子元素排列到它的底部。这是我的 html 。请帮我 。谢谢。

<div style="width:200px;height:200px;border:1px solid red;vertical-align:bottom;">
    <a>more...</a>
    <input type="button"  value="query" />
</div>​

Answer 1

选项 1：您可以为两个子元素添加一个 css 类并提供一个位置属性。像这样的东西

<a class = "myclass">more...</a>
<input class = "myclass" type="button"  value="query" />

然后你可以像这样设计你的CSS

.myclass{position:relative;top:90%;}​​​​​

选项2：您可以将两个子元素放在子 div 块中，并将 css 类添加到该 div。像这样的东西

<div class = "myclass">
    <a >more...</a>
    <input type="button"  value="query" />
</div>

使用相同的 CSS 样式希望这有帮助..