定位在另一个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是重叠的，我不能给任何指定的高度到外部分区。

Answer 1

你并不需要绝对定位：

<div style="position: relative;"> 

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

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

</div> 

见工作fiddle。