1

ページ デザインのメイン コンテンツ領域として絶対 div があります。上部を占める高さ 450px の別の div があります。ページの読み込み前に絶対divの高さを知ることができないため、ページの読み込みが発生した後にのみ見つけることができます。

問題は、私の体も 450px (高さ) を占めることです。そのため、絶対 div が終了した後に何かを表示したい場合は、そうすることができません。

概要 ：

Absolute Div : 600px (for example, don't know the actual height) Has position:absolute.
Top Div : 450px (No position:absolute)
Body Becomes 450 px as expected

絶対divの下にdivを配置するにはどうすればよいですか。現在、私が考えることができる唯一のものはjQueryです。

これは、問題を説明するために作成したjsfiddleです。ボディ全体が青く表示されていても、開発者ツールを起動して調べると、html とボディの両方が占めていることがわかります。

身長が低い

更新: Linkyいくつかの要素の上にメイン コンテンツ領域を表示しようとしています。表示されている円は個別の要素です。そして、彼らはそのようにとどまる必要があります。

4

1 に答える 1

1

ポジションについてもっと学ぶ必要があると思います！とにかく、あなたが参照している現在の問題は、位置を相対に変更すると解決されます!

<div id="First Div" style="height:100px;width:50px;position:relative;background-color:green;">
</div>
<div id="BelowDiv" style="height:100px;width:50px;position:relative;background-color:pink;">
</div>

しかし、本当に静的または別の言葉で「絶対」に配置する必要がある場合は、コンテナ div を配置し、位置を絶対に設定してから、他の 2 つ以上をコンテナ Div 内に配置する必要があります。

<div id="container" style="position:absolute; top:y; left:x">
     <div id="FirstDiv" style="position:relative;></div>
     <div id="SecondDiv" style="position:relative;></div>
</div>

jquery を使用して、コンテナにタグを追加できます。ここにそれを行うためのサンプルリンクがあります!

それでも問題が解決しない場合は、コンテナにheight:autoもを試してみてください。overflow:visible

于 2013-01-26T19:45:52.860 に答える