css - 减小windows屏幕尺寸时如何使用css将div从左下角浮动到右上角

Question

我想知道我是否可以使用 CSS 像这样浮动 div。我想做的是在减小窗口大小时将 CSS DIV 1 下的 CSS DIV 2 的 DIV 向右移动。请看下面的截图：

这就是三个 DIV 在更大的窗口大小上显示的方式。第一个 DIV 在左上角，第二个 DIV 在第一个 DIV 下方。然后第三个 DIV 在右上角。

当我调整浏览器窗口的大小时，宽度较宽的第三个 DIV 将下降到第一个 DIV 下方的底部，第二个 DIV 将自动移动到右上角以填充空间。

有人认为这可以通过使用 CSS 来实现，并且可能不需要使用 JS 或其他？

谢谢

Answer 1

我想说改变是通过从列布局更改为行布局，或者通过交换两个元素的顺序来实现的。无论哪种方式，它都需要 JavaScript。