html - 为什么当浏览器调整到某个尺寸时 div 的位置不同？

Question

请参阅 http://jsfiddle.net/xqwqH 中的工作示例.我在红色 div 中有一个绿色 div。绿色 div 使用 jQuery postion() 定位。如果我将浏览器的大小调整到底部边缘位于绿色方 block 内的位置并刷新页面(参见下面的示例)，绿色方 block 将移动到不同的位置。我认为这是浏览器中的一个错误，但当它在 IE8、FF 和 Chrome 中以相同的方式工作时，似乎这种行为是正常的。

为什么当浏览器窗口以这种方式调整大小时 div 会改变位置？

Answer 1

尝试将 collision: "none"添加到位置参数列表中。即

$(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