水平滚动溢出HTML <li>，但不知道宽度</li>

Question

http://jsfiddle.net/waitinforatrain/DSSPb/2/

我想安排一堆<li>元素，这些元素在水平可滚动容器中表示图像，如上例所示。

到目前为止我看到的技巧将容器的宽度设置为<li>元素的宽度。但是，我无法知道容器的宽度是什么，因为内容是动态的。

在不知道容器宽度的情况下，有没有办法用CSS做到这一点？

Answer 1

也许这样的事情？ http://jsfiddle.net/mattball/5JRdZ/

• 将ul和li display更改为inline-block
• 删除li { float: left; }
• 添加ul { white-space: nowrap; }以便<li>在<ul>太窄时不会换行到下一行

现在您的问题是解决li { height: 100%; margin: 4px }导致<li>高于<ul>的问题。 （这是解决方案：http://jsfiddle.net/mattball/avTgR/：）