如何使用css浮動div從左下角到右上角當減少窗口的屏幕尺寸

Question

我想知道我是否可以像這樣使用CSS浮動div。我想要做的是在縮小窗口大小時，將CSS DIV 1下的CSS DIV 2的DIV向右移動。請參閱下面的截圖：

這是三個DIV如何在更大窗口大小上顯示的方式。第一個DIV在左上角，第二個DIV在第一個DIV下。然後第三個DIV位於右上角。

當我調整瀏覽器窗口，它具有較寬的寬度的第三DIV將下降至鈕第一DIV下，第二DIV將automatcially移動到右上角以填充在該空間中。

任何人都認爲這可以通過使用CSS來實現，並且可能不需要使用JS或其他？

感謝

Answer 1

我想說從柱狀佈局更改爲列布局，或者通過交換這兩個元素的順序，這種變化是實現無論是。無論哪種方式，它都需要JavaScript。