如果我有一个包含多个项目的无序列表，并且在此列表中设置了最大高度，ul设置为 display: inline-block(或浮动(。然后滚动条似乎占据了列表"内部"的空间，迫使文本环绕。
我怎样才能避免这种情况？我不介意滚动条是否使列表更宽，我只是希望列表占据其自然空间。
http://jsbin.com/AzeBuHU/2/edit?html,css,output
谢谢
在 CSS 中添加它。 这将防止列表项换行，并为滚动条增加额外的空间。
li {
padding-right:20px;
white-space:nowrap;
}
UL 的overflow-y: scroll;似乎是一个修复程序，但您每次都会看到滚动条，即使是少数低于 UL 高度的项目。
演示
不要给出最大高度，因为它现在需要比这更多的高度。你可以给，
高度：自动;
否则你可以试试
溢出：可见;
每当数据更多时，这将显示滚动条。