javascript - CSSでdivの場所を切り替えますか?

Question

モバイル用の CSS メディア クエリを使用してサイトを構築しており、3 つの div で場所を切り替える必要があります。

これが現在の外観です: http://jsfiddle.net/snowman/3kZW2/

そして、これが私が必要とするものです: http://jsfiddle.net/snowman/7S7e9/

これは、バージョン 1 の CSS を変更するだけで可能ですか?

Answer 1

これを実現する 1 つの方法は、DIVS で幅を設定してから float right を使用することです。

http://jsfiddle.net/wabJn/

Answer 2

ここでhttp://jsfiddle.net/3kZW2/5/を見てください

絶対配置を使用しました。div サイズが変更された場合は、必要に応じて幅と配置を設定する必要があります。より洗練された解決策は、マークアップで div2 を div1 の上に移動することです。ここではhttp://jsfiddle.net/3kZW2/4/