解决 li 浮动后仍无法排列在一行的问题

问题：在做横向动画轮播图时，给 li 设置了 float:left; 但发现 ul 里的 li 还是会竖直排列，效果如下：

原因：ul 的宽度不够或未设置宽度

解决办法：

li 浮动，则给 ul 设置足够大的width：

li 不浮动，通过设置ul 和li 的display + ul 的 white-space:nowarp; 让 ul 的内容不换行