獲取內聯列表項以溢出父項ul

Question

我有一個菜單，內聯項目列表。在大屏幕上正確渲染時，當瀏覽器窗口變小時，元素會移動到菜單下方，而不是放在其餘內容的右側。

min-width:100%;.drop_menu我期待菜單至少是屏幕寬度的100％，但如果有必要，可以在x方向拉伸菜單項。

與width:500px;爲.drop_menu它的工作原理，但我不想給菜單固定的寬度。

我希望項目在x方向上溢出的原因是因爲我要實現一個JavaScript滾動器，因此當鼠標光標靠近邊緣時，菜單將滾動。如果沒有x溢出，我不能在x方向上滾動。

我已經建立了我失敗的菜單這裏的的jsfiddle：http://jsfiddle.net/j41jfjqL/3/

Answer 1

因爲它們是在線，使用white-space:nowrap阻止列表中的項目出現在新的一行。

Updated Example

.drop_menu { 
    white-space:nowrap; 
} 
.drop_menu > li { 
    white-space:normal; 
} 

既然你不希望這對孩子產生li元素，在white-space屬性值設置爲normal。