(1 條消息)網站導航欄豎排並fix在窗體左側,但在屏幕寬度不夠需要橫向滾動時,導航欄會壓住其他元素,請問如何解決?

網站導航欄豎排並fix在窗體左側,但是在屏幕寬度不夠需要橫向滾動時,導航欄會壓住其他元素,請問如何解決?謝謝!

傳兩張圖說明一下情況:上面是設計的樣子,屏幕寬度滿1200px就完全正常;但是寬度不夠(比如在手機上瀏覽)就會變成上面的樣子。

再補充一下網址:http://www.riverine.cc/,以方便大家察看源代碼。


A Complete Guide to Grid | CSS-Tricks

使用grid,一隻手指都能解決


導航欄下面加個一樣寬高的div


內容那個容器加個margin-left


css3的媒體查詢到一定寬度自動隱藏唄


推薦閱讀:

TAG:HTML | 網頁布局 | 網站開發 | 網頁 | HTMLCSS |