我基本上有以下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的存在，这样它就会出现在它上面。绝对定位它们会破坏文档的顺序，因此在这里不起作用。从本质上讲，我想要做的唯一的改变是让一个兄弟忽略另一个兄弟而没有任何其他副作用，，最好不要让代码混乱或不相交。
我已经阅读了人们提出的建议，让他们中的一个成为相对零宽度零高度div的绝对孩子，以便较低的兄弟div认为其上层兄弟不是占用任何空间，但是会弄乱第一个空间，因为它现在包含在不同的div中，因此会丢失原始父级的宽度和高度（以及其他）信息。