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

Question

有没有一种方法可以将一个元素相对于另一个元素定位，而无需编辑 html 以使一个元素成为父元素？这是我无法编辑的 html 中的 div 订单。我希望“element3”相对于“element1”定位，脚在“element1”的一半高度处。我希望我的 adsense block 相对于作者在该网站空白处的位置: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;
}