在響應式CSS和HTML網站中向下推側邊欄

Question

當瀏覽器達到特定大小時，有沒有一種方法可以使側邊欄折疊到頁面底部而無需任何JavaScript。

我正在創建一個響應性主題，可以在http://flexibletheme.tumblr.com/上看到。 通過將瀏覽器窗口的大小調整為600px以下，主題將變為線性版本（只需將瀏覽器的大小調整為較小，直到更改為該大小）。

在頂部，側邊欄變為完整菜單，這是我要轉到底部而不是停留在頂部的部分。

CSS代碼的相關部分是@media屏幕和（最大寬度：600像素） [這告訴瀏覽器在小於600像素時使用指定的CSS]，側欄使用稱為HTML 5的元素 ，並且每個帖子都包裹在 。

Answer 1

您是否嘗試過將整個旁邊的方塊移動到容器下方？ 我仍在自己學習響應式網頁設計，但是我的理解是，如果將HTML構造為要容納的最小尺寸，則布局將更干凈，hack次數更少。

Answer 2

將側邊欄放置在#container div中，然后將部分向左浮動，將側邊欄向右浮動。