css - 缩小Windows屏幕大小时如何使用css将div从左下角 float 到右上角

Question

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

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

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

有人认为这可以通过使用 CSS 来完成，并且可能不需要使用 JS 或其他工具吗？

谢谢

Answer 1

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