在響應式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中，並將你的部分左邊和你的邊欄浮動右邊。