我基本上有以下 div 安排：
<div id="parent" style="height:100%">
<div id="sibling1" style="height:100%;position:relative"></div>
<div id="sibling2" style="position:relative"></div>
</div>
我想要的是一种干净优雅的方式来让兄弟 2 忽略兄弟 1 的存在，这样它就会出现在它上面。放置它们绝对会打乱文档的顺序，因此在这里不起作用。本质上，我试图做的唯一改变是让一个兄弟姐妹忽略另一个兄弟姐妹而没有任何其他副作用，并且最好不要让代码混乱或脱节。
我已经阅读了人们的建议，通过使其中一个成为相对零宽度零高度 div 的绝对孩子来做一些 hack，这样下兄弟 div 会认为它的上兄弟没有占用任何空间，但这会弄乱第一个空间，因为它现在包含在不同的 div 中，因此丢失了原始父级的宽度和高度（以及其他）信息。