在jquery中将元素定位在非相关元素的右下角

Question

我试图使用jquery将一个元素相对于另一个不是它的父元素。问题是非父元素是动态的，并根据项目而改变高度。我的目标是将元素放置在非父元素的右下角，并使其保持在相对于非父元素的位置，而不管高度如何。当涉及到jquery时，我也是一个完全的菜鸟。

＆＃13;

＆＃13;

    // Reposition DIV
        var nonparent = $('.DIVtoBeRelativeTo');
        var position = nonparent.offset();
        var child1 = $('.ChildDIV').offset
            var width = nonparent.width();
            var height = nonparent.height();
            var position = nonparent.position();
            
            var bottomLeftX = position.left;
            var bottomLeftY = position.top + height;
            
            var bottomRightX = position.left + width;
            var bottomRightY = position.top + height;

＆＃13;

＆＃13;

＆＃13;

Answer 1

使用这种方式：

nonparent.offset().left;
nonparent.offset().top;

我们说我们有这样的形象：

所以你需要使用：

Element.css("left", NonParent.offset().left + NonParent.width() - Element.width());

<强>代码：

// Reposition DIV
var NonParent = $('.DIVtoBeRelativeTo');
var Element = $('.ChildDIV');
Element.css("left", NonParent.offset().left + NonParent.width() - Element.width());