防止div在动画容器内清除

Question

我有一个水平jQuery动画滑块，效果很好，除非它的宽度开始减小，无论我如何设置<divs>里面他们去换行。我希望他们能够保持同样的道路，以创造这种平稳的生活。

这就是我的意思：jsfiddle

如何阻止它们清除？

Answer 1

使用max-width代替width：

 #container { max-width:500px; height:500px;border:2px dotted maroon; }
    .red, .blue, .green { display:inline-block;max-width: 250px; height:50px; margin:0 auto;}

这里是jsfiddle link

<强>更新： 避免明确尝试jsfiddle