1

私は3つのDIVを持っています。2 つは親 DIV 内にあります。何かのようなもの

<div id="parent">    
    <div id=1>......</div>    
    <div id=2 style="position:relative;left:0px;top:-300px;">....</div>
</div>

ご覧のとおり、重なりがあります。厄介なのは、親 div の下部に巨大な空白があることです。その理由は明らかに、親 div が重複を差し引いていないためです。

私が何をすべきか教えてください。

4

2 に答える 2

2

明確にするために、アンドリューの答えを少し拡張します。position:relative要素がページ上で占めるスペース（表示されている空白）を使用すると、要素が移動されます。

を使用position:absoluteすると、要素が占めるスペースは使用されません（「ページのフローから削除」）。ただし、を使用すると、 CSS宣言position:absoluteで親divを宣言しない限り、要素は親div内にバインドされなくなります。position:relative;top:0;left:0;

したがって、次のようなものが必要になります。

<div id="parent" style="position:relative;top:0;left:0;">    
    <div id=1>......</div>    
    <div id=2 style="position:absolute;left:0px;top:-300px;">....</div>
</div>

それが少し明確になることを願っています。これで目的の外観が得られるかどうかはまだわかりませんが、CSSルールの観点からは正しいです。

于 2009-12-17T21:03:02.903 に答える
1

に変更position:relativeしposition:absoluteて、ページのフローから要素を削除します。

于 2009-12-17T20:58:44.033 に答える