<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>
转载于:https://www.cnblogs.com/wenyi1993/p/4450240.html