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

Question

当浏览器达到特定大小时，有没有一种方法可以使侧边栏折叠到页面底部而无需任何JavaScript。

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

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

CSS代码的相关部分是@media屏幕和（最大宽度：600像素） [这告诉浏览器在小于600像素时使用指定的CSS]，侧栏使用称为HTML 5的元素 ，并且每个帖子都包裹在 。

Answer 1

您是否尝试过将整个旁边的方块移动到容器下方？ 我仍在自己学习响应式网页设计，但是我的理解是，如果将HTML构造为要容纳的最小尺寸，则布局将更干净，hack次数更少。

Answer 2

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