jquery - 在 jQuery 中，如何设置元素的 "top,left"属性，其位置值相对于父元素而不是文档？

Question

.offset([coordinates]) 方法设置元素的坐标但仅相对于文档。那么如何设置元素的坐标但相对于父元素？

我发现 .position() 方法只获取相对于父级的“top,left”值，但它没有设置任何值。

我试过

$("#mydiv").css({top: 200, left: 200});

但不起作用。

Answer 1

要设置相对于父级的位置，您需要设置父级的position:relative 和元素的position:absolute

$("#mydiv").parent().css({position: 'relative'});
$("#mydiv").css({top: 200, left: 200, position:'absolute'});

这是有效的，因为 position: absolute; 相对于最近的 positioned 父级定位(即，具有除默认 static< 之外的任何位置属性的最近的父级)。