Html 为什么孩子的绝对位置使父母'；高度塌陷？

请不要将这个问题标记为重复，因为我认为以前没有人问过这个问题。我知道位置：绝对将元素从流中取出，但这并不能解释为什么其父元素的高度会塌陷为0。如果我有这个标记：

<div class="container">
  <div class="inside">
    some content
  </div>
</div>

对子对象应用绝对定位将使容器的高度塌陷为0。使其可见的唯一方法是应用高度，而不是百分比

有人知道为什么会这样吗？ 有没有办法让它不发生

---

提前感谢

位置：绝对项从流中取出。父元素几乎无法识别它们的存在。如果你告诉我们你的目标是什么，我们可以告诉你如何解决它。为什么要在子元素上使用绝对定位？该元素将从正常文档流中删除，并且在页面布局中不会为该元素创建空间。谢谢大家，但我知道绝对定位会将项目从流程中移除，我只是想问为什么它会使父元素的高度塌陷为0，而没有声明高度的项目将增长以适合其子元素。如果它的孩子都是
位置：绝对的
，那么它的孩子没有身高，因此家长也不会。哦，这很有道理，谢谢
.container {
background-color: red;
position: relative;
}

.inside {
background-color: green;
position: absolute;
}