css - 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 调整大小，那么我认为您误会了什么。当您将一个元素设置为绝对元素时，您会将其从“呈现流”中取出，这意味着它不会干扰页面上的任何其他元素。