當瀏覽器調整到某個尺寸時，爲什麼div的位置不同？

Question

請參閱http://jsfiddle.net/xqwqH上的工作示例。我在一個紅色的div裏面有一個綠色的div。綠色div使用jQuery postion（）定位。如果我將瀏覽器調整到底部邊緣位於綠色正方形內部並刷新頁面的位置（請參閱下面的示例），綠色方塊移動到其他位置。我認爲這是瀏覽器中的一個錯誤，但是當它在IE8，FF和Chrome中以相同的方式工作時，似乎這種行爲是正常的。

當瀏覽器窗口以這種方式調整大小時，爲什麼div改變位置？

Answer 1

嘗試增加碰撞：「無」到了位置參數列表。即

$(document).ready(function() { 
     $('#div1').position({ 
      my: "left top", 
      at: "left top", 
      of: $('#wrapper'), 
      offset: "40 10", 
      collision: "none" 
     }); 
}); 

參見jQuery的文檔：

http://docs.jquery.com/UI/Position