CSSを使用してウィンドウのサイズを小さくするときに左下から右上にdivを浮動させる方法

Question

CSSを使用してdivをフロートできるかどうかを知りたいと思います。私がしたいのは、CSS DIV 1の下のCSS DIV 2であるDIVを右に移動してウィンドウのサイズを小さくすることです。以下のスクリーンショットを参照してください。

これは、3つのDIVがより大きなウィンドウサイズでどのように表示されるかです。最初のDIVは左上隅にあり、2番目のDIVは最初のDIVの下にあります。その後、3番目のDIVが右上に表示されます。私は、ブラウザウィンドウのサイズを変更すると、より広い幅を有する第三DIVは、最初のDIVの下ボタンに低下します、第二DIVはautomatciallyスペースを埋めるために右上隅に移動します

。

誰でも、これはCSSを使用して行うことができ、JSなどを使用する必要はないと思いますか？

おかげ

Answer 1

私は、行レイアウトに柱状のレイアウトから変更することによって、または他の二つの要素の順序を入れ替えることにより、その変化がいずれかにより達成されると思います。いずれにしても、JavaScriptが必要です。