http://jsfiddle.net/waitinforatrain/DSSPb/2/
我想安排一堆< li>表示水平可滚动容器中图像的元素,如上例所示.
到目前为止我看到的技巧将容器的宽度设置为< li>元素的宽度.但是,由于内容是动态的,我无法知道容器的宽度.
有没有办法用CSS而不知道容器宽度？
最佳答案
也许是这样的事情？ http://jsfiddle.net/mattball/5JRdZ/
>将ul和li显示更改为内联块
> remove li {float：left; }
> add ul {white-space：nowrap;所以当< ul>时,< li> s不会换行到下一行.太狭隘了
现在你的问题是解决li {height：100％; margin：4px}导致< li> s高于< ul>. (这是解决方案：http://jsfiddle.net/mattball/avTgR/
