我试图得到一个无序的列表被水平列出(用float：left)完成,但是它不能水平地溢出.相反,它会在下一行自动溢出(此外,即使使用overflow-y：none,它也会自动创建一个垂直滚动条.
<style type="text/css">
ul {
height:15px;
width:400px;
overflow-y:none;
overflow-x:auto;
}
li {
float:left;
}
</style>
<body>
<div>
<ul id="someList">
<li>element 1</li>
<li>element 2</li>
<li>element 3</li>
<li>element 4</li>
<li>element 5</li>
<li>element 6</li>
<li>element 7</li>
</ul>
</div>
</body>
解决方法
如果我理解正确,应该是：
我已经切换到显示：inline-block(而不是float：left),我正在使用white-space：nowrap来防止包装.
ul {
width: 400px;
overflow-x: scroll;
background: #ccc;
white-space: nowrap
}
li {
display: inline-block;
/* if you need ie7 support */
*display: inline;
zoom: 1
}
