防止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 鏈接

更新 ：避免明確嘗試jsfiddle