1

我需要与不是其父母div的另一个人（充当孩子）建立一个亲戚。div不幸的是，我不能position:absolute在第二个上使用div它来强制它进入第一个，因为当窗口变小时，它就不合适了div。

这就是我需要发生的事情：

<div id="first" style="position:relative;" >
    <div id="second" style="position:absolute;"></div>
 </div>

这是我目前拥有的：

<div id="first" ></div>
<!--there is other content/html between the divs-->
<div id="second"></div>

有没有办法让第二个div相对于第一个div？无需更改页面的 HTML 代码。

更多信息：有一段内容输出到网页。一旦使用 CSS/JQuery 输出这段内容，我需要重新定位它。所以我需要使那段内容与屏幕上已经存在的内容相关。它不能是第一个 div 的孩子并且使用position:absolute不会。两者div不在彼此旁边，并且位于页面的完全不同的末端。

我基本上需要第二个 div 作为第一个 div 的子级，而不是它的子级。

4

3 回答 3

0

如果您知道元素的宽度和高度#first，则可以执行以下操作：

<div class="parent">
    <div id="first"></div>
    <div id="second"></div>
</div>

.parent{
    width: 200px;
    height: 200px;
    background-color: green;
}

#first{
    width: 100%;
    height: 100%;
    background-color: blue;
}

#second{
    min-width: 20px;
    min-height: 20px;
    background-color: red;
    margin-top: -200px; /* equal to #first height */
    max-width: 200px; /* equal to #first width */
    max-height: 200px; /* equal to #first height */
    word-break: break-all;
    overflow:auto;
}

jsFiddle

于 2013-07-30T12:01:28.070 回答
0

使用 javascript（例如）：

var div1 = document.getElementById('first');
var div2 = document.getElementById('second');

div1.style.marginTop = div2.offsetTop; //set the margin top of the first div = the margin top of the second div
于 2013-07-30T11:45:26.027 回答
-1

这是JSBin 

<div id="first" style='float:left;'></div>
<div id="second"></div>
于 2013-07-30T11:45:05.220 回答