調整窗口大小不允許我的導航欄使用水平滾動擴展-css

Question

我已經創建了一個導航欄並使用css對其進行了設置，以便它可以在屏幕上延伸。一切都很好，直到我調整窗口的大小，然後當我在內容超過窗口大小的頁面上水平滾動到右側時，導航欄沒有完全展開。

我想讓導航欄在我向右滾動時延伸，而不是像現在一樣留出空白區域。我可以用CSS來完成這個嗎？

這是我現在使用的CSS代碼：

 .navigation{ 
     min-width: 100%; 
     height: 40px; 
     background-image: url(../images/images/banner.png); 
     padding-left:10px; 
     } 

     .navigation li{ 
     display: inline-block; 
     padding-left: 25px; 
     padding-top: 10px; 
     } 

     li.logout{ 
     float:right; 
     padding-right: 25px; 
     } 

Answer 1

100％寬度不採取溢進去，所以它相對於窗口的實際寬度總是。儘管您可以使用表格顯示樣式而不是實際的表格，但只有表格可以擴展以適應溢出。

Answer 2

我認爲你的問題是你可能會將.navigation類應用到UL。您應該將導航類作爲UL鏈接的容器。我做了什麼，我認爲你正在尋找做一個例子：

http://jsfiddle.net/ckaufman/w2KUG/1/