Div anidado

[xfxstudios]

con css:

Código PHP:

<style>
html, body{
    height:100%;
}
body{
    margin:0;
}
#a{
    width:100%;
    height:30%;
    
    background-color:rgba(0,67,123,1.00);
}
#b{
    width:100%;
    height:70%;
    
    background-color:rgba(255,110,0,1.00);
}
#c{
    display:block;
    position:relative;
    float:left;
    
    width:50%;
    height:100%;
    
    background-color:rgba(255,0,4,1.00);
    
    border-radius:200px;
}
    
</style>
<!--div superior-->
<div id="a">
</div>
 
<!--div inferior-->
<div id="b">
 
    <!--div central-->
    <div id="c">
    </div>
    
    <div id="c">
    </div>
 
</div>