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可能是您唯一的解决方案......