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移动元素通常应该是最后的手段。

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

2 个答案: