私は基本的に次のdiv配置を持っています:
<div id="parent" style="height:100%">
<div id="sibling1" style="height:100%;position:relative"></div>
<div id="sibling2" style="position:relative"></div>
</div>
私が欲しいのは、sibling2 が sibling1 の存在を無視して、その上に表示されるようにするためのクリーンでエレガントな方法です。それらを絶対に配置すると、ドキュメントの順序が乱れるため、ここでは機能しません。基本的に、私が行おうとしている唯一の変更は、1 つの兄弟が別の兄弟を無視することであり、他の副作用はありません。コードが乱雑になったりバラバラになったりすることは非常に望ましくありません。
下位の兄弟 div が上位の兄弟が占めていないと考えるように、そのうちの 1 つを相対的な幅 0、高さ 0 の div の絶対的な子にすることで、ハックを行うという人々からの推奨事項について読んだことがあります。任意のスペースですが、最初のスペースが台無しになります。これは、現在別の div に含まれているため、元の親の幅と高さの情報が失われるためです。