我尝试将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相对于该空间移动即可。如果您不希望这种情况发生,则必须使用绝对定位。