Div父div不包含子div

Question

我有这样的事情:

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

现在,#page它没有任何格式.它的工作正常some content,我的意思是,当内容越大时,它#page也越高.但是,今天我应用#container它,它定位absolute,并在其中有一个#child定位relative,似乎#container不在#page- 这意味着如果#container增长,高度#page不变,为什么？

Answer 1

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

相对定位的元素仍然被认为是文档中正常的元素流.相比之下,绝对定位的元件从流动中取出,因此在放置其他元件时不占用空间.全文