<p>2 つの <code>inline-block</code> の <code>div</code> の高さが異なる場合、短い方がコンテナの上部に揃えられないのはなぜですか? (<strong>デモ</strong>): </p> <p> <pre class="brush:css;toolbar:false;">.container { 境界線: 1 ピクセルの黒の実線。 幅: 320ピクセル; 高さ: 120ピクセル; } 。小さい { 表示: インラインブロック; 幅: 40%; 高さ: 30%; 境界線: 1 ピクセルの黒の実線。 背景: アリスブルー; } 。大きい { 表示: インラインブロック; 境界線: 1 ピクセルの黒の実線。 幅: 40%; 高さ: 50%; 背景: ベージュ; }</pre> <pre class="brush:html;toolbar:false;"><div class="container"> <div class="small"></div> <div class="big"></div> </div></pre> </p> <p>小さな <code>div</code> をコンテナの先頭に揃えるにはどうすればよいですか? </p>