1

私はこのようなものを持っています：

<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

4

4 に答える 4

8

絶対的に配置された要素は、ドキュメントの通常のフローから削除され、高さが増加しても親の高さが増加しないようにします。

比較的配置されている要素は、ドキュメント内の要素の通常のフローにあると見なされます。対照的に、絶対に配置された要素はフローから取り出されるため、他の要素を配置するときにスペースを占有しません。全文

于 2013-01-12T15:41:37.090 に答える
2

ケビンの答えは、（なぜそれが不可能なのか）オートサイジングのトリックを明らかにしました。

代わりにポジショニングについては、 #container がabsoluteであり、それが #page を参照するようにしたい場合、 #page はrelative,absoluteまたはfixed, ではないstatic(デフォルト) 必要があることに注意してください。

それ以外の場合、配置は、ウィンドウの可視領域である HTML 要素/ビューポートを参照します。

于 2013-01-12T15:43:16.217 に答える
-1

.containerはcssCLASS（で示されている.）です。たとえば、htmlでは次のようになります。

<div class="container">

あなたはIDを使用しています。これはcssでは

#container { .... }
于 2013-01-12T15:41:50.953 に答える