帶水平滾動條的無序列表

我想要一個UL列表，但其元素左移，列表具有固定的高度和寬度。帶水平滾動條的無序列表

我現在擁有的一切：

ul { 
width: 230px; 
height: 30px; 
overflow-x: scroll; 
} 

li { 
float: left; 
display: inline 
}

HTML：

<ul id="dev"> 
    <li>el</li> 
    <li>el</li> 
</ul>

元素浮動還好，但滾動條不工作（灰色）和元素將新的生產線。我能做什麼？

發表您的完整代碼在這裏........ –

我不認爲你需要它，因爲我只有這個列表有問題，但我添加了HTML到我的問題。 –

@Vucko：它沒有幫助。 –

剛剛從你的列表項中刪除浮動：jsfiddle.net/FJSry/3/

2012-11-05 11:14:32

水平滾動嗎？ –

@TomekBuszewski是的，沒錯。無意中發佈了小提琴的早期版本。 –

這一個很好，謝謝！ –

ul { 
    width: 230px; 
    height: 30px; 
    overflow-x: scroll; 
    white-space: nowrap; 
} 

li { 
    display: inline-block; 
}

2012-11-05 11:13:56 Vucko

不幸的是，它確實有幫助。 –

回答