SafarijQuery设置位置和宽度的动画

当我点击按钮时，div应该改变它的宽度和位置。除了Safari，所有浏览器上的一切都可以完美运行。在safari中，动画不是平滑的，它先向左移动，然后更改其宽度

$(document).ready(function () {
        $('.button').click(function() {

            $('#cosmos').find('#earth').animate({
                width: '400px',
                left: 0,
                opacity: 0
            }, {
                duration: 400,
                queue: true
            });
        });
    });

---

JSFIDLE demo:

Safari似乎有一些奇怪的行为，但添加该单元将修复它：

left: '0%',

演示

---

你忘了谈价格？！；）您已经在“%”中输入了值，如果您想输入30px之类的值，那么只需输入0即可。必须以在样式表中使用的相同方式提供值。