Div不会使用绝对内容div自动调整大小

Question

<style type="text/css">
.a {
 border: 1px solid #000;
 position: relative;
}

.b {
 background: #F93;
 position: absolute;
 top: 50px;
 left: 50px;
}
</style>
<div class="a">
  <div class="b">test</div>
</div>

a的高度不会随着它的内容自动调整(因为b有流量),但是如何解决这个问题,使用css可能,而不是javascript.

Answer 1

如果你期望看到你的a-div调整大小,那么我认为你误解了一些东西.当您将元素设置为绝对元素时,您将其从"渲染流程"中取出,这意味着它不会干扰页面上的任何其他元素.