我尝试将div相对于其父项以负的上限值放置。效果很好,问题在于此div甚至具有负的最高值也会使父div变大。

我该怎么做才能使父div不更大?

Here's a fiddle

我不希望.innera-rel div使.a div更大(我不想在底部看到红色)。

HTML:

<div class="a">
  <div class="innera">
    blah blah blah
  </div>
  <div class="innera-rel">
    test
  </div>
</div>


CSS:

.a {
  background: red;
}
.innera {
  height: 80px;
  background: blue;
}

.innera-rel {
    border: 1px solid gray;
    background: white;
    position: relative;
    z-index: 100;
    right: -50px;
    top: -38px;
    width: 130px;
}

最佳答案

您看到的红色空间是.innera-rel如果未定位将占据的空间。该空间保持“已占用”状态,您只需将div相对于该空间移动即可。如果您不希望这种情况发生,则必须使用绝对定位。

10-05 21:01
查看更多