当父使用自动高度时,如何重叠父div内的div？

Question

我有两个div,我想把它们放在另一个上面,所以我可以在我正在创建的applet中创建一个tab系统.这两个div位于父div中,它使用auto height,因为我不知道其他两个div的确切高度(两个子节点的高度相同).当父级使用相对定位时,我可以使用绝对定位将两个div放在另一个上面,但是自动高度不响应(很可能是因为绝对定位的子级)创建空div的边界线而不是里面的元素包装.

看这里的问题:http://jsfiddle.net/h5bjt69s/

<div id = "parent">
    <div id = "redDiv"></div>
    <div class = "clearfix"></div>
    <div id = "blueDiv"></div>
</div>

我尝试从这个建模解决方案,但我相信自动高度抛出了一些东西. 位置绝对但相对于父级

如何用父div包装两个div并仍然保持两个孩子的重叠？

Answer 1

这个:

两个孩子的身高都一样

实际上解决了你的问题:

• 使用一个div定位position: static; 它将决定父母的身高
• 使用position: absolute(它将显示在顶部)定位其他div

更新小提琴