Parent div with height: 100% doesn't work [duplicate]

Answer 1

This can work

<div id="div-1">
    <div id="div-2"></div>
    <div id="div-3"></div>
    <div style="clear:both"></div>
</div>

Answer 2

The height of #div-1 is 100% but 100% of nothing, as it relies on the parent tags height I believe. Try setting your body to 100% height in css.

Answer 3

you need to add clear flow after you applying floating properties to elements, more about it here: http://www.quirksmode.org/css/clearing.html

Answer 4

Remove height: 100%; in #div-1 and add position: absolute;. It will work just fine.