Question

How to split screen with three divs by following demands:
– main div should cover whole screen (100%x100%)
– sub div after div should cover main div( each sub div = 33% )

I tried to do it as following :

    <div style="width:100%; height :100%;  background-color:Lime;">
    sss
        <div style="width:100%; height:34%; background-color:Blue;">
        a
        </div>
        <div style="width:100%; height:33%; background-color:Gray;">
        b
        </div>
        <div style="width:100%; height:33%; background-color:Aqua;">
        c
        </div>        
    </div>

Answer 1

You need to set height of body and html to 100%. See this fiddle.