DIVs inside another DIV inside another DIV with CSS

Question

Here\'s what I\'m trying to achieve:

This is the HTML code I wrote:

        
                      

              相关标签:
       
      

Answer 1

#Div1
{
width:800px;
margin:0 auto;
overflow:hidden;
float:left;
}

#Div2
{
width:100%;
float:left;
}

#Div3
{
width:100%;
clear:both;
}

#Div4, #Div6
{
float:left;
width:30%;
}

#Div5
{
float:left;
width:40%;
}

#Div7
{
width:70%;
margin:50px auto;
}

If I haven't forgotten something that should be round about it