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，似乎{{1} }不在#page范围内 - 这意味着如果#container增长，#page的高度不会改变，为什么？

Answer 1

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

  

相对定位的元素仍然被认为是在   文档中元素的正常流动。相反，一个元素   绝对定位的是从流程中取出并因此占用   放置其他元素时没有空间。的 Full Text

Answer 2

凯文的回答揭示了（为什么不可能）自动调整的技巧。

对于positioninig，请注意，如果#container为absolute，并且您希望它引用#page，则#page应为relative，absolute或{{1} }，而不是fixed（默认值）。

否则，定位将被引用到HTML元素/视口，即窗口的可见区域。

Answer 3

.container是一个css CLASS（由.表示），例如在HTML中，它是

<div class="container">

你正在使用ID，这在css中是

#container { .... }

Answer 4

在overflow: auto上设置container（或其他有效值）。