Question

我正在尝试在某个页面上放置多个div。每个此类div将具有两个或多个子div，它们需要彼此堆叠（因此，在给定的时间点仅一个子div可见）。我最终做了这样的事情：

<html>
    <div class="row" style="position:relative">
        <div id="child-1-1" class="col-md-12" style="position:absolute"></div> 
        <div id="child-1-2" class="col-md-12" style="position:absolute"></div>
    </div>

    <div class="row" style="position:relative">
        <div id="child-2-1" class="col-md-12" style="position:absolute"></div> 
        <div id="child-2-2" class="col-md-12" style="position:absolute"></div> 
    </div>
</html>

但是，我得到的不是一个堆叠，每个堆叠有2个div，而是一个堆叠，而所有4个子div都堆叠在一起。好像父母的“ position：relative”属性被忽略，所有子div都相对于html元素绝对定位。

任何有关如何解决此问题的想法将不胜感激！

子div的绝对位置忽略了父母的相对位置

0 个答案: