html - 响应式 css，移动 div 堆栈

Question

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

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

Answer 1

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

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

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