Javascript 在不编辑html的情况下，相对于另一个css元素定位元素

有没有一种方法可以相对于另一个元素定位一个元素，而不必编辑html使一个元素成为父元素？这是我无法编辑的html格式的div顺序。我希望“element3”相对于“element1”定位，脚位于“element1”的半高。我希望我的adsense块在这个站点的空白位置相对于作者的位置：我尝试过这样的方法：

#element1 {
  width: 300px;
  height: 200px;
  background: yellow;
  position: relative;
}
 #element2 {
  width: 300px;
  height: 100px; }

#element3 {
  width: 300px;
  height: 100px;
  background: red;
  position: absolute;
  top:-200px;    }

您可以通过以下方式使用属性“float”：

#element1 {
    width: 300px;
    height: 200px;
    background: yellow;
    float: left;
}
#element2 {
    background: blue;
    width: 300px;
    height: 100px;
    float: left; 
}

#element3 {
    width: 300px;
    height: 100px;
    background: red;
    float: left;
}

---

如果您确实需要它成为一个子元素，并且无法编辑html，则可以使用jQuery移动内容：

$('#element1').append($('#element3'));

---

但是请记住，使用javascript移动元素通常是最后的选择。

$（“#element3”）.css（“top”），$（“#element1”）.css（“top”）；，左撇子也一样是的，这正是我想要的。但是我不能编辑html。你的代码运行得很好，但是在我的网站上，我必须使用id选择器（.）而不是类选择器（#），并且不能工作。知道为什么吗？我想你不明白我想要什么..无论如何谢谢：）我在这里试过了，效果很好，但在我的网站上，我必须使用id选择器（.）而不是类选择器（#），而且不起作用。知道为什么吗？你搞错了用于选择元素的ID，“.”用于选择元素类。如果这不是您的问题，那么我能立即想到的唯一问题是，如果您正在使用类，并且您有两个以上的元素具有相同的类名，那么您可能会得到意外的结果。对于此操作，您可能需要确保对相关元素使用ID。我有多个元素具有相同的类名。您是否可以修改代码以用于类选择器？非常感谢。看看这页，看看我想要什么更清楚我有这样的代码：'.publish info{height:150px！important；position:relative！important；}.adsense{top:50px！important；position:absolute！important；}'我想让adsense块在这个空白空间中覆盖发布信息，我已经尝试过了//但没有效果