响应式 css，移动 div 堆栈

Question

好人 - 需要一点帮助。我正在制作一个响应式的网站，即。它将随着 CSS 媒体查询而缩小。我的问题是我有两个相邻的 div，在移动版本中，我想要蓝色之上的红色：http://barebente.com/test/responsive/

将浏览器窗口的大小调整到大约 400 以了解我的意思。出于某种原因，我无法让它们以另一种方式堆叠。这会给我主菜单下的内容，以及下面的二级菜单（侧边栏）。非常感谢您的建议和帮助。

Answer 1

先为红色盒子订购div，然后再订购蓝色盒子。 float: right红色的，不要float蓝色的。

使用 CSS 媒体查询，从红色中删除 float 属性。

这应该会导致它们按照您的意愿堆叠。