将div定位在另一个div的底部，没有指定的高度

Question

我有这个HTML

<div style="position: relative;">

<div style="top:0">

</div>

<div style='position: absolute; bottom:0; margin-bottom:0px;'>


</div>

</div>

这段代码对IE来说非常好，但在其他浏览器上，两个内部div重叠，我不能给外部div指定任何高度。

Answer 1

您不需要绝对定位：

<div style="position: relative;">

    <div style="background:black;">
        test
    </div>

    <div style='background:red;'>
        test    
    </div>

</div>

见工作fiddle。