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

Question

当浏览器达到特定尺寸时，是否有方法可以在没有任何JavaScript的情况下将侧栏折叠到页面的底部。

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

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

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

Answer 1

您是否尝试过移动容器下方的整个边框？我自己仍然在学习自适应网页设计，但我的理解是，如果您将自己的html结构设计为您想要容纳的最小尺寸，那么您将拥有更简洁的布局，而且可以减少黑客入侵。

Answer 2

将你的边栏放在你的#container div中，并将你的部分左边和你的边栏浮动右边。