div多层布局
<html>
<head>
<style>
#div1{
background-color:green;
height:30%;
width:100%;
}
#div2{
background-color:silver;
height:40%;
width:20%;
float:left;
}
#div3{
background-color:gold;
height:40%;
width:50%;
float:left;
}
#div4{
background-color:lightblue;
/* float:left;*/
height:40%;
}
#div5{
background-color:red;
height:30%;
}
#div6{
height:100%;
}
</style>
</head>
<body>
<div id="div6">
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
<div id="div4">div4</div>
<div id="div5">div5</div>
</div>
</body>
</html>