div位置的动画不会导致实际移动

Question

无法弄清楚为什么这个简单的动画不会移动（不透明度部分工作正常）。我有什么想法吗？

$("#par").ready(function(){
    $("div").animate({
        right:"200px",
        opacity:".4"
    },2000);
});

Answer 1

来自documentation：

  

方向属性（顶部，右侧，底部，左侧）无法辨别   如果元素的位置样式属性是静态的，则对元素产生影响   它是默认的。

例如，如果您将position设置为固定，则可以很好地工作，就像在this sample中一样。

<div id=div style="position:fixed">AAA</div>​

然后

 $("#div").animate({
     right:"200px",
     opacity:".4"
 },2000);