2013-01-11 128 views
0

導航欄下拉比頂部的標題空間大。我的預期設計是讓下拉導航繼續瀏覽下面的內容,而是在頂部獲得自己的滾動條?導航欄正在變成滾動

容器的溢出設置爲自動。

任何幫助,將不勝感激 喬治

+4

嘿喬治,分享一些代碼,再加上一個[小提琴](http://jsfiddle.net/)將是不錯的 –

+0

不能幫助,我們不能看到 – charlietfl

+0

對不起,這是一個小提琴。試圖儘可能剝離,但留下一點無用的HTML。 http://jsfiddle.net/TFWf6/1/正如你所看到的,藍色是標題和紅色主體。當nav擴展時,它不會在主體頂部溢出,只是後退並創建一個滾動。非常感謝您的幫助 –

回答

0

你可能有與盒模型的問題。因爲一切似乎都在溢出:自動問題通常是寬度被計算得太高。

在你提供的小提琴中,導航下拉對我來說根本不起作用。嘗試擺弄你的容器的寬度。這裏有一個盒子模型修復嘗試:

* { 
    box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    webkit-box-sizing:border-box; 
    max-width:100%; 
    } 

如果所有的失敗,自己節省一些時間和使用預製jQuery的下拉菜單。有很多像「35最好的jQuery菜單」等列表,其中一個可能適合您的需求&讓您不必考慮案例和發現錯誤。

+0

感謝Jennifer,當點擊加號標誌時,激活導航下拉菜單。我正在開發Rapidweaver,因此我需要考慮很多不同的變化,這是問題的原因....感謝您的時間和答覆,非常感謝 –