在没有指定高度的情况下将div放置在另一个div的底部

Question

I Have this HTML

<div style="position: relative;">

<div style="top:0">

</div>

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


</div>

</div>

This code is working absolutely fine for IE but on other browsers the two inner div are overlapping, I cannot give any specified height to the outer div.

Answer 1

You don't need absolute positioning :

<div style="position: relative;">

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

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

</div>

See working fiddle .