html - 高さを指定せずに別の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 ではまったく問題なく動作しますが、他のブラウザーでは 2 つの内側の div が重複しているため、外側の div に指定された高さを指定できません。

Answer 1

絶対配置は必要ありません:

<div style="position: relative;">

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

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

</div>

作業フィドルを参照してください。