在响应式CSS和HTML网站中向下推动侧边栏

Question

当浏览器达到一定规模时，是否有办法在没有任何JavaScript的情况下将侧边栏折叠到页面底部。

我正在创建一个响应式主题，可以在http://flexibletheme.tumblr.com/看到。通过将浏览器窗口的大小调整为600px以下，主题将变为线性版本（只需将浏览器的大小调整为更小，直到更改为此）。

在顶部，侧边栏变为一个完整的菜单，这是我想要到底部而不是停留在顶部的部分。

CSS代码的相关部分是 @media screen和（max-width：600px） [这告诉浏览器在浏览器小于600px时使用指定的CSS]，侧边栏使用名为 的HTML 5元素，每个帖子都包含在 中。

Answer 1

您是否尝试过将整个容器移到容器下面？我自己仍然在学习自适应网页设计，但我的理解是，如果你将html构建为你想要容纳的最小尺寸，你将拥有更清晰的布局，而且黑客攻击更少。

Answer 2

将侧边栏放在#container div中，然后将左侧和右侧边栏向右浮动。