在DIV上水平滚动，其中包含一个＆＃34;增长的＆＃34;

Question

here's a fiddle:

http://jsfiddle.net/mattlokk/6Cdsp/32/

它是div内的UL。 ul使用knockout＆＃34; foreach＆＃34;数据绑定到数组。捆绑。随着它的增长，我需要能够在容器内水平滚动。

如果我在UL上设置静态宽度，我可以在div上获得水平滚动条。

如果唯一的解决方案是在UL上设置一个静态宽度，然后使用JQuery或者随着新项目添加到数组中那样增加它，那么你可以这么说，我会让它工作方式，我真的希望有更好的方法。

Answer 1

不需要ul的包装器本身就可以显示滚动条

无需真正设定高度

white-space是你的朋友：）

这里减少了css：

*{
    margin: 0px;
    padding: 0px;
}

ul{
    white-space:nowrap;
    overflow:auto;
}
ul li {
    display: inline-block;
    background-color: #444;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 10px 30px;
}

http://jsfiddle.net/6Cdsp/33/