css - CSSは2ブロック下を揃えます

Question

私は 2 つのブロック、redblock width: fixed height: auto、greenblock width、およびを持っています。ブロックを下に配置するheight fixed方法がわかりませんgreen。今は上に配置されています。例を見ることができます: http://jsfiddle.net/MXqTY/3/

Answer 1

これを追加：

.square1, .square2 {
    display: inline-block;
    vertical-align: bottom;
}

と削除しfloat: leftます。

http://jsfiddle.net/thirtydot/MXqTY/8/

Answer 2

クラス宣言から float:left を削除します。デフォルトではスタックします。両方の要素を左にフロートさせると、それらが水平に積み重ねられます。

Answer 3

の場合.square2、次を追加します。

margin-top:110px;