css div折叠顺序

Question

这是我正在使用的布局。我试图实现的是，当窗口被折叠时，我希望右侧的div折叠，允许内部元素被向下推。

我的css如下：

#left-div {
  display: block;
  float: left;
}
#right-div {
  display: block;
  float: left;
}
#right-div elements {
  display: inline-block;
}

我基本上想实现上一张照片中发生的事情，而不首先将右侧的div下移。有什么想法吗？

编辑后删除了图片，因为我已经得到了答案，我不确定我是否应该发布它们。

Answer 1

经过各种尝试，似乎JavaScript/jQuery可能是您唯一的解决方案。。。