html - Div 父 div 不包含子 div

Question

我有这样的东西:

<div id="page">
  <---some content here -->
  <div id="container">
    <div id="child">
    </div>
  </div>
</div>

现在，#page 中没有任何格式。它适用于一些内容，我的意思是，当内容更大时，#page 也有更高的高度。但是，当今天我在其中应用 #container 时，它位于 absolute 中，并且其中有一个 #child 位于 >relative，似乎 #container 不在 #page 内 - 这意味着如果 #container 增长， 的高度>#page 没有改变，为什么？

Answer 1

绝对定位的元素从文档的正常流中移除，导致它们在高度增加时不会增加其父元素的高度。

Elements that are positioned relatively are still considered to be in the normal flow of elements in the document. In contrast, an element that is positioned absolutely is taken out of the flow and thus takes up no space when placing other elements. Full Text