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クラスを追加し、position属性を指定できます。このようなもの

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

そして、あなたはこのようにあなたのCSSをスタイリングすることができます

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

オプション2：両方の子要素をサブdivブロックに配置し、そのdivにcssクラスを追加できます。このようなもの

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

同じCSSスタイルでこれが役立つことを願っています。