css - ウィンドウの画面サイズを縮小するときにcssを使用して左下から右上にdivをフロートする方法

Question

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

これは、3 つの DIV がより大きなウィンドウ サイズで表示される方法です。最初の DIV は左上隅にあり、2 番目の DIV は最初の DIV の下にあります。次に、3 番目の DIV が右上にあります。

ブラウザー ウィンドウのサイズを変更すると、幅の広い 3 番目の DIV が最初の DIV の下のボタンに移動し、2 番目の DIV が自動的に右上隅に移動してスペースを埋めます。

これは CSS を使用することで可能であり、JS などを使用する必要はないと思う人はいますか?

ありがとう

Answer 1

変更は、列レイアウトから行レイアウトに変更するか、2 つの要素の順序を交換することによって達成されると言えます。いずれにせよ、JavaScript が必要です。