javascript - 相对于另一个 css 元素定位一个元素而不编辑 html

Question

有没有办法在没有编辑 html 以使一个元素成为父元素的情况下相对于另一个元素定位一个元素？这是我无法编辑的 html 中的 div 顺序。我希望“element3”相对于“element1”定位，到“element1”上方一半高度的脚。我希望我的 adsense 块相对于作者在该网站上的空白空间中的位置：http: //www.musicep.com/2013/08/sunlounger-feat-alexandra-badoi-ill-be.html我已经尝试过这样的事情：

#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;    }

Answer 1

你可以这样使用属性“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;
}

Answer 2

如果你真的需要它成为一个子元素，并且不能编辑 html，你可以用 jQuery 移动一些东西：

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

尽管请记住，使用 javascript 移动元素通常应该是最后的手段。